jquery - 简单，JQUERY：如何在点击超链接时显示弹出窗口？

Question

我的 aspx 标记为

<div class="sm08" id="dialog" title="Dialog Title"><asp:Literal ID="litTerms" runat="server"></asp:Literal></div>

和

<asp:HyperLink ID="hp" runat="server" NavigateUrl="#">HyperLink</asp:HyperLink>

如何在点击超链接时加载弹出窗口？目前，弹出窗口显示在页面加载时。

<script type="text/javascript">
    $(document).ready(function () {
        $("#dialog").dialog({modal: true, buttons: { "Ok": function() { $(this).dialog("close"); } }});
    });
  </script>

先感谢您

Answer 1

将点击监听器添加到您的链接：

$('#hp').click(function(e){
   e.preventDefault();
   $('#dialog').dialog('open'); 
});

此外，您还需要将“autoOpen”设置为“false”：

$("#dialog").dialog({autoOpen: false, modal: true, buttons: { "Ok": function() { $(this).dialog("close"); } }});

Answer 2

尝试这个：

$(document).ready(function () {
    $('#hp').on('click', function(e){
       e.preventDefault() // prevents the default action of the anchor link
       $("#dialog").dialog({modal: true, buttons: { "Ok": function() { $(this).dialog("close"); } }});
    })
});