2013-03-20 113 views
0

我做了一個multiple select表單元素和text input多選擇器。我用jQuery toggle()方法來隱藏顯示多點選擇項目點擊文本輸入。顯示多重選擇器後,訪客可以選擇多個項目與ctrl/cmd/shift鍵,然後我需要隱藏多個選擇項目。我可以通過再次點擊文本輸入來隱藏。jQuery:不能自動隱藏元素

但我希望它會自動隱藏,當我不使用多個選擇項目時。我在同一頁面使用它兩次,並使用引導。現在我找不到解決問題的方法。

這裏是源:http://jsfiddle.net/3UE7D/3/

請幫助我。

+0

'切換()'用這種方式已經過時了,你應該無論如何可能會使用'focus'和'blur',就像這樣[** FIDDLE **](http://jsfiddle.net/3UE7D/4/)? – adeneo 2013-03-20 23:05:28

+0

我曾嘗試過'focus'和'blur',並且因此我無法從多個選擇項中選擇多個數據。謝謝 – itskawsar 2013-03-20 23:29:28

+0

然後你需要更有創造力,並做一些像[** THIS **](http://jsfiddle.net/3UE7D/5/)? – adeneo 2013-03-20 23:37:43

回答

2

我想this會解決你的問題

我更新了小提琴here

我下面的代碼添加有

$(document).click(function(){ 
    $('select[name="location"]').slideUp(300); 
}); 

$('select[name="location"]') 
    .click(function(e) { 
     e.stopPropagation(); 
    })  
    .hide(); 
+0

感謝您的想法。我從http://api.jquery.com/event.stopPropagation/獲得了e.stopPropagation()的清晰概念 – itskawsar 2013-03-22 08:49:31

+0

好東西......對於缺乏關於e.stopPropagation的解釋,抱歉() – DanielDMO 2013-03-25 17:24:32

+0

否問題。我已投票並選擇你的答案。謝謝 :) – itskawsar 2013-03-26 10:27:22