Question

    <script src="jQuery/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
    <script src="jQuery/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="jQuery/jquery-1.7.2-vsdoc.js" type="text/javascript"></script>
    <script src="jQuery/jquery-ui-vsdoc.js" type="text/javascript"></script>
    <script>
        $("div").mouseover(function() {
            alert("bla");
        });
    </script>
</head>
<body>
    <div>hello world !!!</div>
</body>

我希望用户能够点击Div，然后会出现一个消息框。它不起作用（在Chrome和IE9上）？使用WebMatrix 2.0！

Answer 1

在代码执行时的代码的当前版本中，DOM DOM元素尚未在DOM中可用。

您需要将处理程序包装在文档就绪处理程序中。试试这个：

$(function(){
   $("div").mouseover(function() {
       alert("bla");
    });
});

Answer 2

就像@ roko-c-buljan所说，你可以在DOM准备就绪后注册事件

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" charset="utf-8">
    jQuery(document).ready(function($){
        $("div").mouseover(function() {
            alert("bla");
        });
    });
</script>

Answer 3

确定解决了问题..实际上它非常愚蠢：

我刚刚将VSDOC js传递到常规js

之上

<script src="jQuery/jquery-1.7.2-vsdoc.js" type="text/javascript"></script>
<script src="jQuery/jquery-ui-vsdoc.js" type="text/javascript"></script>
<script src="jQuery/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script src="jQuery/jquery-1.7.2.min.js" type="text/javascript"></script>

谢谢大家：）

jQuery警报不适用于jQuery事件

3 个答案: