Question

一个简单的jquery事件问题，我无法找到代码失败。当鼠标进入myid-div时，myid2不会出现。我的代码出了什么问题？

<html>
<head>
    <style type="text/css">
        .hidden { display: none; }
        .visible { display: inherit; }
    </style>
    <script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
        $("#myid").bind("mouseenter", function(e){
            $("#myid2").removeClass("hidden").addClass("visible");
        }); 
    </script>
</head>
<body>
    <div id="myid">Mouseover-Text</div>
    <div id="myid2" class="hidden">Hidden-Text</div>
</body>
</html>

Answer 1

您唯一缺少的是$(document).ready(function(){

请用您的代码替换此代码，它将起作用，这是代码

$(document).ready(function(){
    $("#myid").bind("mouseenter", function(e){
        $("#myid2").removeClass("hidden").addClass("visible");
    }); 
});

Answer 2

您需要将javascript放在页面的末尾。您尝试将事件绑定到的元素在脚本运行时不存在，因此事件未激活。这应该工作（它也可以在没有document.ready的情况下工作，但这是最安全的：

<html>
    <head>
        <style type="text/css">
            .hidden { display: none; }
            .visible { display: inherit; }
        </style>

    </head>
    <body>
        <div id="myid">Mouseover-Text</div>
        <div id="myid2" class="hidden">Hidden-Text</div>
        <script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script type="text/javascript">

        $( document ).ready(function() {
            $("#myid").bind("mouseenter", function(e){      
                $("#myid2").removeClass("hidden").addClass("visible");
            }); 
        });

        </script>
    </body>
</html>

Answer 3

  $("#myid").bind("mouseenter", function(e){
            $("#myid2").removeClass("hidden").addClass("visible");
        });

   .hidden { display: none; }
        .visible { display: inherit; }

  <div id="myid">Mouseover-Text</div>
    <div id="myid2" class="hidden">Hidden-Text</div>
 <script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Answer 4

添加conststr("whatever"); // ok char const * psz_whatever("whatever"); conststr(psz_whatever); // error 在您的区块代码顶部

JQuery事件不会执行 - 无法找到语法失败

4 个答案: