2010-03-24 27 views
0
Сервисы
<div id="services_menu" class="hiddenmenu"> 
    <div class="framemenu"> 
     <div class="itemmenu"><a href="/flights_booking/" class="u" title="Покупка авиабилетов онлайн">Покупка авиабилетов онлайн</a></div>   
     <div class="itemmenu"><a href="/hotels/" class="u" title="Бронирование гостиниц онлайн">Бронирование гостиниц онлайн</a></div>   
     <div class="itemmenu"><a href="/sea_cruises_search/" class="u" title="Поиск круизов">Поиск круизов</a></div>    
     <div class="itemmenu"><a href="/flights_panel/" class="u" title="Табло аэропортов">Табло аэропортов</a></div>   
    </div> 
</div> 

$('.services').click(function() { 
     $('#services_menu').attr('class') == 'hiddenmenu' ? $('#services_menu').attr('class', 'visiblemenu') : $('#services_menu').attr('class', 'hiddenmenu'); 
    }); 

這沒關係。的jQuery的onblur文本

但是...我如何才能通過點擊頁面上的任何地方,這個領域消失(A類hiddenmenu

對不起,我英文不好。 謝謝!

回答

1

我最近剛剛做了類似的措施。

$('body').click(
    function(){ 
    // hide whatever 
    } 
); 

然後,無論你隱藏什麼。

$('.services').click(
    function(e){ 
    // code 
    e.stopPropagation(); // this stops the click event on the body from propagating. 
    } 
); 
+0

一切正常,但如果你點擊servises,然後身體,然後重新打開這些服務,它不會打開任何 – Isis 2010-03-24 14:00:40

+0

你必須確保您的點擊事件不會相互衝突。這就是說,如果你是身體點擊事件隱藏需要的東西,以便您的服務點擊事件觸發。 – Jeremy 2010-03-24 14:09:32

+0

如果我點擊頁面上的任何地方,那麼永遠不會打開$('#services_menu') – Isis 2010-03-24 14:15:07

0

您正在尋找這樣的:

$(document).click(function(){ 
    $('.hiddenmenu').hide(); 
}); 
+0

在這種情況下,第一oncklik不起作用 – Isis 2010-03-24 13:57:07

0

@Isis這是怎麼回事?

$(document).live('click', function(){ 
     $('.hiddenmenu').hide(); 
    }); 
+0

也不起作用 – Isis 2010-03-24 14:11:48