2011-12-13 79 views
0

我有一個自動建議,這是非常相似的一個Facebook使用,在我的網站上。基本上,當你輸入時,它會在搜索欄下面顯示一個div,並顯示一些搜索結果。但我有一些問題得到它的消失被點擊網站的其他部分時,起初我是用:jQuery:模糊條件?

$("#searchBar").blur(function(){ 
     $("#quickResults").hide() 
    }); 

,它工作正常,直到加入onClicks到了用戶的結果頁面與結果關聯,點擊其中一個結果似乎也被視爲searchBar的模糊,並在註冊點擊之前隱藏它。我也試過:

$("#searchBar").blur(function(){ 
     $(".result").blur(function(){ 
      $("#quickResults").hide() 
     }); 
    }); 

它似乎並不喜歡這個,雖然這是導致div不隱藏。

任何幫助將大規模讚賞。

回答

0

我不確定是否有人遇到與我一樣的問題,但我設法找到解決方案。

我展示用Ajax成功功能股利,我說這是成功的功能:

var events = $(document).data('events') || null; 

if (events == null ||(events !== null && !events.click)) { 
    $(document).click(function() { 
     $('#quickResults').hide();     
    }); 
} 
0
var isBlurred = false; 
$(".result").blur(function(){ 
    isBlurred = true; 
}).focus(function(){ 
    isBlurred = false; 
}); 
$("#searchBar").blur(function(){ 
     if(isBlurred) 
      $("#quickResults").hide(); 
}); 
+0

我想我不需要這些換行符? – Richie

+0

對不起,我只是不能讓這個語法突出顯示工作 –

+0

不幸的是,這是行爲與我在這個問題中嘗試的第二個解決方案相同。 – Richie