[英]JQuery “click” not triggering function
当你点击一个div(我试过把它作为一个按钮)时,我试图触发一个JQuery函数无济于事。 Google Chrome Inspector甚至无法识别在幕后创建的事件处理程序。
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">;
<script type = "text/javascript" src = "http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div id = "main" style = "width: 500px; height: 500px; background-color: black; color: white;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius aliquam nobis optio ut ratione a eligendi excepturi cumque est commodi? Sed, odit, culpa deserunt distinctio at commodi modi architecto aliquam.
</div>
<button class = "button" href="#" style = "width: 50px; height: 50px; background-color: black;"></button>
<script type = "text/javacsript">
$(document).ready(function(){
$(".button").click(function(){
$("main").val("IT WORKED");
});
};
</script>
</html>
你忘了使用#
作为id选择器,也使用text()
或html()
而不是val()作为div
,你也错过了document.ready
的右括号。
$(document).ready(function(){
$(".button").click(function(){
$("#main").text("IT WORKED");
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.