jquery没有在我的设备上工作

时间:2013-12-10 13:50:31

标签: javascript jquery html css

我有这个jquery代码和html它正在jsfiddle.com(http://jsfiddle.net/9rJev/)工作,这是工作示例,但当我得到它的notepad ++它不工作,这是我的代码在记事本++

<html>
<head>
<script type="text/javascript" src="js/jquery.1.3.2.min.js" ></script>
<script type="text/javascript" src="js/jquery.1.6.4.min.js" ></script>
<script type="text/javascript" src="js/jquery-ui.min.js" ></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$('#movedown').ready(function(){
    `$('#test').slideUp();`
})
$('#movedown').mouseover(function() {
$('#test').slideDown();
});
$('#movedown').mouseleave(function(){
 $('#test').slideUp();
});
</script>

</head>
<body>

    <div id="movedown">
    <h4>yazan</h4>
    <div id="test" style="background-color:lightgrey; border:2px solid grey;padding:10px;">Hello, this will slide down.</div>
    </div>
</body>

</html>

但它不适用于谷歌浏览器任何人都知道什么是发行版。 请帮忙。谢谢

1 个答案:

答案 0 :(得分:0)

将您的JS更改为:

$(document).ready(function(){
    $('#movedown').ready(function(){
        $('#test').slideUp();
    })
    $('#movedown').mouseover(function() {
        $('#test').slideDown();
    });
    $('#movedown').mouseleave(function(){
        $('#test').slideUp();
    });
});

并删除除1 jquery引用之外的所有引用。请注意,您需要包含ready函数,并且在$('#test')周围有一些奇怪的字符.slipUp();这导致了JS错误。经过这些微小的更改后,您的代码对我来说运行良好。