0

首先，请看一下我的 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();
        });
    });
});

所以这就是我所做的，.hover当下面没有.click写函数时，我的函数工作正常，但是当我把.click函数放在下面时，它变得无功能。

4

1 回答 1

2

您的代码中存在语法错误：

$('#box').find('img').animate({opacity:

这可能会阻止您的代码表单工作。当我注释掉这一行时（并组成一些与您的选择器一起使用的 HTML，然后悬停和单击事件起作用，它们是独立的事件，因此您可以将它们绑定到同一个元素。）

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

于 2013-03-03T18:01:08.483 回答