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>

我不断更改代码以匹配我想要的但我无法得到它。我只想要一个带有一些文字的弹出窗口，让它变成灰色并聚焦......底部有一个“Okay”按钮关闭模态窗口。

我认为我不应该有这么多麻烦......

Answer 1

更改你的href：

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

以$（＆＃39;＃helpModal＆＃39;）。点击功能启动

Fidle here

如果您想在链接中使用onclick .dialog（）不是有效的通话

<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

无法让JQuery UI Dialog做我想做的事

1 个答案: