0

.a（bluearea）をクリックしてから.menuフェードインを
クリックしたが、.apic（apicはa内にある）をクリックしてファンシーボックスを実行し、メニューがフェードインしない場合、どうすれば作成できますか？

http://jsfiddle.net/e5Tdv/12/

jQuery

$('.apic').fancybox({});
$('.a').not('.apic').click(function(){
    $('.menu').fadeIn();
});

HTML

<div class="a">
    <a class="apic" rel="gallery" href="http://fancyapps.com/fancybox/demo/1_b.jpg">
        <img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/>
    </a>
</div>
<div class="menu">menu</div>

CSS

.menu{
    display: none;
}
.a{
    background: blue;
}​
4

1 に答える 1

3

ユーザーがクリックした場所（イベントターゲット）を確認し、画像をクリックしていないときにフェードすることができます。次に例を示します。

$('.apic').fancybox({});

$('.a').click(function(e){
    $('.menu').hide(); // This is just to see that it works

    if ($(e.target).is('div')) {
        $('.menu').fadeIn();
    }
})

</ p>

実際の動作を参照してください-http://jsfiddle.net/Qeay5/

于 2012-10-27T08:57:03.927 に答える