在jsfiddle工作,但它不会在Dreamweaver中工作

时间:2014-01-19 20:53:18

标签: javascript jquery html css dreamweaver

我已经读过,我必须放回事件处理程序,让它在JS Fiddle的Dreamweaver中工作,我把它放回去了,我仍然无法工作?以下是演示:http://jsfiddle.net/EfLJJ/6/

这是我的JS代码:

$(document).ready(function() {
$(".list .fs1").bind({
    mouseenter:function(){
        $(".sublist").show();
    },
    mouseleave: function(){
        $(".sublist").hide();
    }
    });
});  

4 个答案:

答案 0 :(得分:1)

将jQuery库添加到您的脚本中。

将此代码放入您网页的<head>标记内:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

答案 1 :(得分:0)

在你的头脑中的html代码中放入这行代码以包含jQuery库:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

否则将无法使用它。

在jsfiddle中,这种方式有所不同。

答案 2 :(得分:0)

此外,如果您使用的是jQuery 1.7及更高版本,我建议您使用“.bind()”切换为“.on()”,因为“.on()”是首选的方法到jquery网站。查看“.bind()”,“。on()”和“.live()”之间的区别,了解更多信息,What's the difference between `on` and `live` or `bind`?

答案 3 :(得分:0)

问题解决了!要使它在Dreamweaver中运行,您必须使用Javascript脚本标记

使用Javascript:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
        /* Your Code Here */
    </script>