我想使用jQuery创建一个对话框,当点击具有某个类的元素时,该对话框会打开。标题应该从数据中读取
HTML:
<div class="clickme" data-dialogtitle="Foo">First Button</div>
<div class="clickme" data-dialogtitle="Bar">Second Button</div>
JavaScript的:
$("#dialog").dialog({
autoOpen: false
});
$(".clickme").click(function () {
var title = $(this).data("dialogtitle");
$("#dialog").dialog("option", {title: title});
$("#dialog").dialog("open");
});
然而它告诉我$(“。clickme”)。click()不是一个函数。我该如何解决这个问题?
答案 0 :(得分:3)
如果您收到$(".clickme").click()
不是函数的错误,则听起来好像您没有在页面上包含jQuery,或者您尝试使用jQuery的代码位于script
页面上的标记比包含jQuery的脚本标记早。
Here's an example您的页面如何加载jQuery和jQuery UI。代码本身是从您的问题逐字逐句,但此页面引用脚本等。 Here's a second example演示ready
的使用(间接地,通过它的快捷方式),尽管如果你可以使用第一种技术(你的脚本在body
的末尾),那是首选的; more here