在 jsfiddle 中工作，但在 Dreamweaver 中不起作用答案

【问题标题】：Works in jsfiddle but it wont work in dreamweaver在 jsfiddle 中工作，但在 Dreamweaver 中不起作用
【发布时间】：2014-01-19 20:53:17
【问题描述】：

我已经读到我必须放回事件处理程序才能让它在 JS Fiddle 的 Dreamweaver 中工作，我已经把它放回去了，但它仍然无法工作？这是演示：http://jsfiddle.net/EfLJJ/6/

这是我的 JS 代码：

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

【问题讨论】：

你使用什么版本的jQuery？加载了吗？
检查控制台是否有错误。
也许你没有在 Dreamweaver 中附加 jQuery 库
我不确定我是否在 jQuery 中编码，这个答案也是我作为问题的一部分在这里给出的。如何检查我正在运行的版本？
在浏览器上查看页面代码，或者打开控制台。或者如果你有这个，请查看你的脚本：<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 否则添加它

标签： javascript jquery html css dreamweaver

【解决方案1】：

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

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

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

【讨论】：

我已经把脚本放在了meta标签中是这样吗？如果这是正确的，它仍然不起作用？ content="text/html; charset=utf- 8" http-equiv="Content-Type" /> 转换框
@fudgematico 对不起，我累了！我的意思是在 head 标签内：<head><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> `

【解决方案2】：

在你的 html 代码里面的 head 中放入这行代码以包含 jQuery 库：

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

否则无法使用。

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

【讨论】：

这仍然不起作用我添加了以下内容： "Transitionbox.js" 使用我在顶部发布的相同代码。

【解决方案3】：

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

【讨论】：

那也不行？有什么建议么？这段代码位于我的 CSS 代码下方并且在 ?

【解决方案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>

【讨论】：