2011-12-13 51 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