0

我只想要一个显示几行文本的弹出窗口。我有这个链接

<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>

我不断更改代码以匹配我想要的，但我无法得到它。我只想要一个带有一些文本的弹出窗口，并将其设置为灰色和焦点...底部有一个“确定”按钮来关闭模式窗口。

我觉得我不应该有这么多麻烦...

4

1 回答 1

1

更改您的href：

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

为了 $('#helpModal').click 函数启动

在这里提琴

如果你想在链接中使用 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>

在这里提琴

于 2012-07-13T20:58:53.530 回答