在类上单击()

时间:2011-04-14 15:12:16

标签: jquery jquery-ui

我想使用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()不是一个函数。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:3)

如果您收到$(".clickme").click()不是函数的错误,则听起来好像您没有在页面上包含jQuery,或者您尝试使用jQuery的代码位于script页面上的标记比包含jQuery的脚本标记早。

Here's an example您的页面如何加载jQuery和jQuery UI。代码本身是从您的问题逐字逐句,但此页面引用脚本等。 Here's a second example演示ready的使用(间接地,通过它的快捷方式),尽管如果你可以使用第一种技术(你的脚本在body的末尾),那是首选的; more here