-1

リンクのクリックイベントをトラップする方法を知っています。これが私のコードです

<a id="piclink_1" class="picLinks">...</a>

$('a.picLinks').click(function() {
    //split at the '_' and take the second offset
    var picNumber = $(this).attr('id').split('_')[1]; 
    viewer.show(picNumber);
});

リンクをクリックすると、リンクのすぐ下に2つのサブメニューが表示されるドロップダウンメニューを表示したいと思います。また、ドロップダウンメニューのリンクの外側をクリックすると、ドラウダウンメニューが非表示になります。これを実現する方法を教えてください。ありがとう

私のマークアップは次のようになります

<a id="link">About</a>

<div id="submenu">
     <a href="#">About the company</a><br />
     <a href="#">Careers</a>
</div>
4

1 に答える 1

0

これを試して

   $('a.picLinks').click(function() {
    $('#submenu').show();    
 });

 var mouseIn = false;   

    $('a.picLinks').click(function() {

     $('#submenu').hover(function(){ 
        mouseIn =true; 
    }, function(){ 
        mouseIn =false; 
    });

    $("body").mouseup(function(){ 
        if( mouseIn == false)
         $('#submenu').hide();
    });

});
于 2013-03-18T13:24:08.050 に答える