在jsfiddle中工作，但在Dreamweaver中不工作

Question

我读到我必须放回事件处理程序才能使其在JS Fiddle中的Dreamweaver中工作，我放回了它，但它仍然行不通吗？ 这是演示： http : //jsfiddle.net/EfLJJ/6/

这是我的JS代码：

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

Answer 1

将jQuery库添加到脚本中。

将此代码放在页面的<head>标记内：

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

Answer 2

在您头内的html代码中，将以下代码行包括在内以包含jQuery库：

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

否则将无法使用它。

在jsfiddle中，它以不同的方式工作。

Answer 3

另外，如果您使用的是jQuery 1.7及更高版本，我建议您从使用“ .bind（）”切换到“ .on（）”，因为根据jQuery，“。on（）”是首选方法网站。 在此处查看“ .bind（）”，“。on（）”和“ .live（）” 之间的区别以获取更多信息， `on`和`live`或`bind`有什么区别？

Answer 4

问题解决了！ 要使其在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>

在jsfiddle中工作，但在Dreamweaver中不工作

问题描述

4 个解决方案

解决方案1
1 2014-01-19 21:06:20

解决方案2
0 2014-01-19 21:08:48

解决方案3
0 2014-01-19 21:44:20

解决方案4
0 已采纳 2014-01-26 16:12:17

在jsfiddle中工作，但在Dreamweaver中不工作

问题描述

4 个解决方案

解决方案1 1 2014-01-19 21:06:20

解决方案2 0 2014-01-19 21:08:48

解决方案3 0 2014-01-19 21:44:20

解决方案4 0 已采纳 2014-01-26 16:12:17

解决方案1
1 2014-01-19 21:06:20

解决方案2
0 2014-01-19 21:08:48

解决方案3
0 2014-01-19 21:44:20

解决方案4
0 已采纳 2014-01-26 16:12:17