Jquery .悬停不';无法再工作时。单击“插入”

Jquery .悬停不';无法再工作时。单击“插入”,jquery,html,css,click,hover,Jquery,Html,Css,Click,Hover,首先,请看一下我的jQuery $(document).ready(function(){ $(".pic").find('img').hover( function(){ // hover in $(this).animate({width: "450", height: "300"}, 200); }, function(){ // hover out $(this).animate({width: "150", height

首先,请看一下我的jQuery

$(document).ready(function(){
    $(".pic").find('img').hover(
    function(){ // hover in
        $(this).animate({width: "450", height: "300"}, 200);
    }, 
    function(){ // hover out
        $(this).animate({width: "150", height: "100"}, 1000); 
    });

    $(".zoom").click(function(){     // click for the lightbox
        var go = $(this).find('img').attr("src");   // get clicked link href
        $("#box").html('<img src="'+go+'"/>');  // place href as img src value

        $('#backdrop, #box').animate({opacity: ".6"}, 500, 'linear');
        $('#box').find('img').animate({opacity:
        $('#box').animate({opacity: '1'}, 300, 'linear');
        $('#backdrop, #box').css('display', 'block');
    });

    $("#backdrop").click(function(){     // close the lightbox
        $("#backdrop, #box").animate({opacity: "0"}, 500, "linear", function(){
            $("#backdrop, #box").hide();
        });
    });
});
$(文档).ready(函数(){
$(“.pic”).find('img')。悬停(
函数(){//悬停在
制作动画({宽度:“450”,高度:“300”},200);
}, 
函数(){//hover out
制作动画({宽度:“150”,高度:“100”},1000);
});
$(“.zoom”)。单击(函数(){//单击以查看灯箱
var go=$(this.find('img').attr(“src”);//点击链接href
$(“#box”).html(“”)//place href作为img src值
$(“#背景,#框”)。动画({不透明度:.6”},500,'linear');
$('#box')。查找('img')。设置动画({不透明度:
$('#box')。设置动画({opacity:'1'},300,'linear');
$('#background,#box').css('display','block');
});
$(“#背景”)。单击(函数(){//关闭灯箱
$(“#背景,#框”)。动画({不透明度:“0”},500,“线性”,函数(){
$(“#背景,#方框”).hide();
});
});
});
这就是我所做的, 当没有
时,我的
.hover
函数可以正常工作。单击下面编写的
函数

但是当我放置
时,它就变得没有功能了。单击下面的
函数。

您的代码中有一个语法错误:

$('#box').find('img').animate({opacity:
这可能会阻止您的代码表单工作。当我注释掉这一行(并编写一些与选择器一起工作的HTML时,鼠标悬停和单击事件会工作,它们是独立的事件,因此您可以将它们绑定到同一元素。)


JavaScript在执行之前会在脚本标记或.js文件中一次性进行计算,因此即使您的悬停脚本纠正了单击脚本中的语法错误,也会阻止其余JavaScript的执行。如果这两个代码块位于单独的脚本元素(或单独的.js文件)中然后,鼠标悬停将在单击失败时工作。这当然不是解决方案,您需要修复未关闭的对象文字。在Firefox中安装Firebug或在IE中启用开发人员工具以查看此错误。如果没有这样的工具,可能很难进行调试。

顺便说一句,它指的是答案?添加两个正斜杠以注释掉。S很明显,这是代码中的一个错误,也可能是原因。我建议他们注释掉这行,但只有用户2129377知道动画元素应该具有不透明度,为什么不告诉用户添加结尾
)}围绕statement@CodyGuldner,这就是“您需要修复未关闭的对象文字”的意思。我没有详细说明,因为从代码的其余部分可以看出,user2129377知道这一点。还有,小点,但它们应该加上“}”);”。事实上,你的修正是错误的。他们需要做的是添加一个值(float或int),后跟一个}关闭对象文字,然后再加上);关闭函数参数(从技术上讲,分号是可选的,但实际上是很好的做法)