Autosuggest jquery ajax会过早淡出
您好,我有一个jquery autosuggest,它很快就会消失:Autosuggest jquery ajax会过早淡出,jquery,performance,delay,autosuggest,Jquery,Performance,Delay,Autosuggest,您好,我有一个jquery autosuggest,它很快就会消失: http://www.mirochgroup.com/MirocheGroup/ 我已经指示它在用户键入minimim 3个单词后开始搜索 当我试图从输入端传递鼠标时,很多次结果显示为淡出 结果的文本 它们过早地消失了 $(function(){ $(".search").keyup(function() { var searchid = $(this).val(); var d
http://www.mirochgroup.com/MirocheGroup/
我已经指示它在用户键入minimim 3个单词后开始搜索
当我试图从输入端传递鼠标时,很多次结果显示为淡出
结果的文本
它们过早地消失了
$(function(){
$(".search").keyup(function()
{
var searchid = $(this).val();
var dataString = 'search='+ searchid;
if(searchid!='')
{
$.ajax({
type: "POST",
url: "searchx",
data: dataString,
cache: false,
success: function(html)
{
$("#result").html(html).show('2000');
}
});
}return false;
});
jQuery("#result").live("click",function(e){
var $clicked = $(e.target);
var $name = $clicked.find('.name').html();
var decoded = $("<div/>").html($name).text();
$('#searchid').val(decoded);
});
jQuery(document).live("click", function(e)
{
var $clicked = $(e.target);
if (! $clicked.hasClass("search"))
{
setTimeout(function()
{
jQuery("#result").delay('1500').fadeOut('2800');
},7000);
}
});
$('#searchid').click(function(){
//jQuery("#result").fadeIn("1000");
jQuery("#result").delay('500').fadeIn('1300');
});
});
$(函数(){
$(“.search”).keyup(函数()
{
var searchid=$(this.val();
var dataString='search='+searchid;
如果(搜索ID!='')
{
$.ajax({
类型:“POST”,
网址:“searchx”,
数据:dataString,
cache:false,
成功:函数(html)
{
$(“#结果”).html(html).show('2000');
}
});
}返回false;
});
jQuery(#result”).live(“单击”,函数(e){
var$clicked=$(e.target);
var$name=$clicked.find('.name').html();
var decoded=$(“”).html($name).text();
$('#searchid').val(已解码);
});
jQuery(document).live(“单击”),函数(e)
{
var$clicked=$(e.target);
如果(!$clicked.hasClass(“搜索”))
{
setTimeout(函数()
{
jQuery(#result”).delay('1500').fadeOut('2800');
},7000);
}
});
$('#searchid')。单击(函数(){
//jQuery(“结果”).fadeIn(“1000”);
jQuery(#result”).delay('500').fadeIn('1300');
});
});
表格如下:
<form>
<input type="text" id="searchid" name="sear" autocomplete="off"/>
<div id="result" style = 'z-index:5000;position:relative;'></div>
</form>
我做错了什么
非常感谢这很棘手。按照fwslider.js的编码方式,它会触发点击“#fwslider.slideNext”。然后,此单击事件由
jQuery(document).live(…
处理程序)处理。在文档单击处理程序中,如果目标是幻灯片放映下一步按钮,我将检查事件目标,而不运行
jQuery(document).live("click", function(e)
{
var $clicked = $(e.target);
if (!$clicked.hasClass("search") && !$clicked.hasClass(".slideNext")){...
我通过查看Firebug中的调用堆栈发现了这一点。尝试了所有这些组合:jQuery(document).live(“click”,function(e){var$clicked=$(e.target);if(!$clicked.hasClass(“search”){setTimeout(function(){jQuery(“#result”).fadeOut('2800');},7000)}};$('searchid')。单击(function(){jQuery(“#result”).fadeIn(“1000”);jQuery(#result”).delay('500').fadeIn('1300');});非常感谢,这似乎解决了问题,我将类名从搜索改为searhccc某物<我想我在继续一个网站时应该格外小心,不要从头开始,以避免大量使用类似关键字的名称(y)