我试图在单击此链接时显示此对话框弹出表单,但它对我不起作用。过去三个小时我一直在研究这个问题,这对我来说太令人沮丧了。
这是我的 HTML:
<a href="#" id="contactUs">Contact Us</a>
<div id="dialog" title="Contact form">
<p>appear now</p>
</div>
这是我的 JavaScript,位于外部文件中:
$("#contactUs").click(function() {
$("#dialog").dialog("open");
return false;
});
我使用了这些链接,但对我来说没有用:
如果有什么想法,请告诉我,非常感谢,谢谢。
最佳答案
这个 HTML 很好:
<a href="#" id="contactUs">Contact Us</a>
<div id="dialog" title="Contact form">
<p>appear now</p>
</div>
您需要初始化对话框(不确定您是否正在这样做):
$(function() {
// this initializes the dialog (and uses some common options that I do)
$("#dialog").dialog({
autoOpen : false, modal : true, show : "blind", hide : "blind"
});
// next add the onclick handler
$("#contactUs").click(function() {
$("#dialog").dialog("open");
return false;
});
});
关于jQuery 弹出对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10867077/