無法讓JQuery UI對話框做我想做的事

Question

我只想要一個彈出窗口來顯示幾行文字。我有這個鏈接

<a href="" onclick=".dialog('open')">Help</a> 

與此javascript在我的頭

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      var $dialog = $('<div></div>') 
     .html('This dialog will show every time!') 
     .dialog({ 
      autoOpen: false, 
      title: 'Basic Dialog' 
     }); 

      $('#helpModal').click(function() { 
       $dialog.dialog('open'); 
       // prevent the default action, e.g., following a link 
       return false; 
      }); 
     }); 
    </script> 
</asp:Content> 

我是不斷變化的代碼以匹配我想要什麼，但我不能得到它。 我只想要一個帶有一些文字的彈出窗口，讓它變成灰色並聚焦......底部的「好」按鈕關閉模式窗口。

我不認爲我應該有這麼多的麻煩......

Answer 1

更改您的href：

<a href="" id="helpModal" >Help</a> 

爲了使$（ '＃helpModal'）點擊功能推出

FIDLE here

如果你想使用的鏈接.dialog的onclick（）不是一個有效的電話

<script type="text/javascript"> 
    //outside document ready 
    function click_link() { 
     var $dialog = $('<div></div>') 
     .html('This dialog will show every time!') 
     .dialog({ 
      autoOpen: false, 
      title: 'Basic Dialog' 
     }); 

     $dialog.dialog('open'); 
       // prevent the default action, e.g., following a link 
       return false; 
} 
</script> 
<a href="#" onclick="click_link();" >Help2</a> 

FIDLE here