Question

我有一个使用悬停效果的jQuery动画，但是然后单击显示图像并单击隐藏图像。我希望能够在div中添加链接以转到源，但是，整个div由动画点击控制以关闭图像。

如何在同一个div中添加href点击？这是测试开发 http://mediacrunch.com/nick/animate6.htm

这是点击事件之前的设置代码部分

$(function(){
    $("#wrapperimghov").hide();
    $("#wrapperimghov").fadeIn(6000);
    $("img", this).hide();
    $("png", this).show();
    $(".divhov").hover(animated1, animated2);       
    $(".divhov") .toggle(animated3, animated4);

}
);

function animated1() {

    $( this ).hoverFlow( 'mouseenter', { width: "30px", height:"420px" }, { queue: false, duration: 1000  });

}
function animated2() {

    $( this ).delay(1200) .hoverFlow( 'mouseleave', { width: "10px" , height:"320px" }, { queue: false, duration: 1800});
$("img", this).fadeOut(1800), fadeoutcallback();

}

现在是点击事件

    function animated3() {
    $( this ).animate( { width: "420px", height:"420px" }, { queue: false, duration: 800 });
    $("img", this).fadeIn("slow"), fadeoutcallback();
}
function animated4() {
    $( this ).animate( { width: "10px" , height:"320px" }, { queue: false, duration: 800 });
    $("img", this).fadeOut("slow"), fadeoutcallback();

}

function fadeoutcallback(){
$("img", this).hide();
}

所以，我假设我需要另外一个div以某种方式嵌套在可点击的div之外，或者，这是百万美元的问题，我可以用另一个鼠标指针指示显示链接到href的不同状态吗？

Answer 1

http://jsfiddle.net/ave3q/

使用ev.stopPropagation()

停止点击事件

jQuery使用动画点击多次点击相同的div

1 个答案: