cari

Rumah  >  Artikel  >  hujung hadapan web  >  JQuery不能使用click事件的问题解决

JQuery不能使用click事件的问题解决

黄舟
黄舟asal
2017-06-27 10:25:291537semak imbas

JQuery中怎么不能用click事件

<html>
<head>
<title>测试JQuery</title>
<meta charset = "utf-8"/>
<style>
.class_1{
background-color: red;
}
</style>
<script type = "text/javascript" src = "../JQuery/jquery.js"></script>
<script language = "javascript">
$(document).ready(function(){
window.alert("Hello JQuery!");
});
//这里触发事件后不能输出您好
$(&#39;#test&#39;).click(function(){
window.alert(&#39;您好&#39;);
});
</script>
</head>
<body>
<input class = "class_1" type = "button" id="test" value = "点击测试"/>
</body>
</html>

你的是能用 click事件的

$(document).ready(function(){
window.alert("Hello JQuery!");
//把代码放在 ready 方法里面 才起作用  因为要等文档加载完成 才能找到 test这个元素
//这里触发事件后不能输出您好
$(&#39;#test&#39;).click(function(){
window.alert(&#39;您好&#39;);
});
});

可是我改成你这样也是不显示？？？

<html>
    <head>
        <title>测试JQuery</title>
        <meta charset = "utf-8"/>
        <style>
            .class_1{
                background-color: red;
            }
        </style>
        <script type = "text/javascript" src = "../JQuery/jquery.js"></script>
         
    </head>
    <body>
        <input class = "class_1" type = "button" id="test" value = "点击测试"/>
        <script language = "javascript">
            $(document).ready(function(){
                alert("Hello JQuery!");
            });
            //这里触发事件后不能输出您好
            $(&#39;#test&#39;).click(function(){
                alert(&#39;您好&#39;);
            });
        </script>
    </body>
</html>

　加载顺序问题。

jquery.js路径正确吗？window.alert这里的window可以省略。

Atas ialah kandungan terperinci JQuery不能使用click事件的问题解决. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery为什么指定ID的click事件不能触发？Artikel seterusnya：jQuery事件dblclick的定义与使用详解

Artikel berkaitan

Lihat lagi