自動提示jQuery的AJAX淡出過早

你好，我有太快淡出一個jQuery自動提示：自動提示jQuery的AJAX淡出過早

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'); 
     }); 

    });

這是形式：

<form> 
      <input type="text" id="searchid" name="sear" autocomplete="off"/> 
      <div id="result" style = 'z-index:5000;position:relative;'></div> 
    </form>

我在做什麼錯，

非常感謝

來源

2014-09-24 Peter Manoukian

試過所有這樣的組合：的jQuery（文檔）.live（「點擊」，功能（E） { 變量$點擊= $（e.target）; 如果（$ clicked.hasClass（「搜索！「）） \t { \t \t的setTimeout（函數（） \t \t { \t \t \t jQuery的（」＃結果「）淡出（ '2800'）; \t \t}，7000）; } \t} ）; \t $（ '＃searchid'）點擊（函數（）{ \t \t //jQuery("#result").fadeIn("1000 「）; \t \t的jQuery（」＃結果「）延遲（」。 500'）。fadeIn（'1300'）; \t}）; }）; – 2014-09-24 12:59:50

這是棘手。 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中的調用堆棧發現了這個問題。

來源

2014-09-24 19:38:05

感謝百萬，這似乎已經解決了這個問題，我改變了類名從搜索到一些searhccc的東西<我想我應該特別小心，當我繼續一個網站，而不是從頭開始，以避免類似關鍵字的名稱是要用很多（y） – 2014-09-25 07:50:27

自動提示jQuery的AJAX淡出過早

回答

相關問題