-2 
    <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，然后会出现一个消息框。y 它不起作用（在 Chrome 和 IE9 上）？使用 WebMatrix 2.0 ！

4

3 回答 3

0

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

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

$(function(){
   $("div").mouseover(function() {
       alert("bla");
    });
});
于 2012-07-12T22:07:52.873 回答
0

就像@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>
于 2012-07-12T22:08:36.790 回答
0

好的解决了这个问题..实际上它很愚蠢：

我刚刚在常规 js 之上通过了 VSDOC 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>

谢谢大家:)

于 2012-07-14T12:24:36.997 回答