jQuery UI对话框onClick事件

我试图用onclick命令打开一个对话框，但我没有任何运气。我已经尝试了一切，并且我可以让它工作。jQuery UI对话框onClick事件

下面的对话框的jQuery：

<script type="text/javascript"> 
     $(function runDialog(){ 
      $('#testimonialOpen').dialog({ 
       autoOpen:false 
       }); 
      }) 
    </script>

有一个div id'd testimonialOpen所以我知道它选择的元素，并且对话框工作时的AutoOpen被删除，但是，当我尝试和呼叫像这样的功能：

<p class="topper">Top words<a onClick="runDialog()"><img id="readMore" style="display: inline; padding-left:40px;" src="../images/content/readMore.png"/></a></p>

它只是没有做什么。我试图在jQuery中使用'open'命令，但它仍然没有任何想法？

来源

2012-04-11 Aaron Lee

首先，您的就绪处理程序有语法错误。其次，如果你使用jQuery，你应该使用它来附加你的事件，而不是笨重和过时的onclick属性。

试试这个：

<p class="topper"> 
    Top words 
    <a href="#"> 
     <img id="readMore" style="display: inline; padding-left:40px;" src="../images/content/readMore.png"/> 
    </a> 
</p>

$(function() { 
    $('#testimonialOpen').dialog({ 
     autoOpen:false 
    }); 

    $(".topper a").click(function(e) { 
     e.preventDefault(); 
     $('#testimonialOpen').dialog('open'); 
    }); 
});

来源

2012-04-11 13:38:25

工作得很好，非常感谢！ – 2012-04-12 07:21:53

试试这个代码

$(function() { 
 
    $("#ok_link").click(function(e) { 
 
     e.preventDefault(); 
 
     $('#dialog-confirm').dialog('open'); 
 
    }); 
 

 
    $("#dialog-confirm").dialog({ 
 
     resizable: false, 
 
     height:160, 
 
     modal: true, 
 
     minWidth: 400, 
 
     autoOpen:false, 
 
     buttons: { 
 
     "OK": function() { 
 
      location.href="index.html"; 
 
     }, 
 
     Cancel: function() { 
 
      $(this).dialog("close"); 
 
     } 
 
     } 
 
    }); 
 
    });

body { 
 
\t font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; 
 
\t font-size: 62.5%; 
 
}

<link href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 

 
<a href="index.html" id="ok_link">OK</a> 
 

 
<div id="dialog-confirm" title="Are you sure to go home?"> 
 
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>You are about to redirect to home page. Are you sure?</p> 
 
</div>

来源

2015-03-12 11:52:38

你可以添加一些解释吗？ – 2015-03-12 12:14:09

jQuery UI对话框onClick事件

回答

相关问题