Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在JSFIDLE中工作,但在dreamweaver中不工作_Javascript_Jquery_Html_Css_Dreamweaver - Fatal编程技术网

Javascript 在JSFIDLE中工作,但在dreamweaver中不工作

Javascript 在JSFIDLE中工作,但在dreamweaver中不工作,javascript,jquery,html,css,dreamweaver,Javascript,Jquery,Html,Css,Dreamweaver,我从JS Fiddle上读到,我必须把它放回事件处理程序中,才能在dreamweaver中工作,我已经把它放回了,但它仍然不能工作?以下是演示: 以下是我的JS代码: $(document).ready(function() { $(".list .fs1").bind({ mouseenter:function(){ $(".sublist").show(); }, mouseleave: function(){ $(".sublist"

我从JS Fiddle上读到,我必须把它放回事件处理程序中,才能在dreamweaver中工作,我已经把它放回了,但它仍然不能工作?以下是演示:

以下是我的JS代码:

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

将jQuery库添加到脚本中

将此代码放入页面的
标记中:

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

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

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

否则将无法使用它


在JSFIDLE中,这是一种不同的工作方式。

此外,如果您使用的是jQuery 1.7版及以上版本,我建议您从使用“.bind()”切换到“.on()”作为as。根据jQuery网站,“.on()”是首选方法。查看“.bind()”、“.on()”和“.live()”之间的差异,了解更多信息,问题已解决!要在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>

$(文档).ready(函数(){
/*你的代码在这里*/

您使用的jQuery版本是什么?是否已加载?检查控制台是否有错误。也许您没有在DreamweaverI中附加jQuery库我不确定我没有在jQuery中编码,这个答案也是作为问题的一部分给出的。如何检查我正在运行的版本?在浏览器上检查页面代码,或打开控制台。或者查看您的纸条t如果你有这个:
否则添加它我已经把脚本放在meta标签里了是这样吗?如果是这样,它仍然不工作吗?Transition Box@fudgematico抱歉,我累了!我的意思是在head标签里面:
`仍然不工作我添加了以下内容:“Transitionbox.js”使用与我在顶部发布的代码相同的代码。这也不起作用吗?有什么建议吗?此代码位于我的CSS代码下面,并且位于?$(document.ready(function(){$(“.list.fs1”)。在({mouseenter:function(){$(“.sublist”).show();}上,mouseleave:function(){$(“.sublist”).hide();});