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>

必要なものに合わせてコードを変更し続けていますが、取得できません。いくつかのテキストを含むポップアップウィンドウが必要で、グレーでフォーカスされています...下部に「OK」ボタンがあり、モーダルウィンドウを閉じます。

こんなに悩む必要はないと思うのですが…

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 に答える