Jquery点击警报()

时间:2012-10-22 09:39:25

标签: javascript jquery

您知道为什么此方法点击不显示警报吗?因为我无法抓住这个事件。

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
jQuery(function () {
    jQuery(".jtable-command-button.jtable-edit-command-button").click(function () {
        alert("asdas");
    });
});

</script>
</head>
<body>

<h1>My First JavaScript</h1>
<p id="demo">This is a paragraph.</p>

<button class="jtable-command-button jtable-edit-command-button" title="Edytuj pozycję">

</body>
</html> 

我为你们所有人提供帮助[关闭]谢谢

7 个答案:

答案 0 :(得分:5)

  1. 您正在尝试使用$函数(可能来自jQuery)而不定义它(例如通过加载jQuery)
  2. 您正在尝试在创建绑定元素之前找到事件处理程序
  3. 您正在使用id选择器,但该元素没有ID(它确实有一个类)(注意:在第一次编辑问题后,情况不再如此< /强>)
  4. 您使用的是descendant combinatortype selector,但type应该是class,并且您定位的元素属于这两个类。它没有祖先元素,它是任何一个类的成员。 (注意:HTML类属性采用空格分隔列表类)
  5. 缺少按钮的结束标记和标签
  6. JS部分的固定版本是:

    <script src="jquery.js"></script> <!-- Set this path correctly -->
    <script>
    jQuery(function () {
        jQuery(".jtable-command-button.jtable-edit-command-button").click(function () {
            alert("asdas");
        });
    });
    </script>
    

答案 1 :(得分:2)

$(".jtable-command-button.jtable-edit-command-button").click(function () {
alert("asdas");

您必须在.之后加入“.jtable-command-button”,因为jtable-edit-command-button是一个类。

答案 2 :(得分:2)

您有类名,因此类选择器以jquery中的.开头。

$(".jtable-command-button.jtable-edit-command-button").click(function () {
    alert("asdas");
});

答案 3 :(得分:2)

你应该使用。 for class和#for id

$(".jtable-command-button").click(function () {
   alert("asdas");
});

答案 4 :(得分:1)

我希望你有jQuery声明?如果是这样,试试这个:

$(".jtable-command-button.jtable-edit-command-button").click(function () {
   alert("asdas");
}

答案 5 :(得分:1)

根据您的代码,您已将#用于呼叫点击事件功能但#用于ID,而dot(。)用于类,因此您使用。(点)代替#

 $(".jtable-command-button.jtable-edit-command-button").click(function () {
    alert("asdas");
});

答案 6 :(得分:1)

假设你已经下载了jquery,你必须导入js文件:

<script type="text/javascript" src="yourPath/jquery-1.7.2.js"></script>  //your jquery version

然后你可以尝试上面的答案或:

$("button[title='Edytuj pozycję']").click(function(){
alert("asdad");
});