JQuery“点击”不触发功能答案

【问题标题】：JQuery "click" not triggering functionJQuery“点击”不触发功能
【发布时间】：2013-04-19 18:50:49
【问题描述】：

当您单击 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>

【问题讨论】：

$(document).ready(文件最后是有点带吊带不是吗？

标签： javascript jquery html web

【解决方案1】：

您忘记使用# 作为id 选择器，还使用text() 或html() 而不是val() 作为div，并且您还错过了document.ready 的右括号。

Live Demo

 $(document).ready(function(){
     $(".button").click(function(){
           $("#main").text("IT WORKED");
     });
  });

【讨论】：

奇怪的是，复制粘贴代码会在屏幕上添加一个分号