如何設置基於兩個條件的jQuery動作

我有一個文本輸入是製作和AJAX數據庫調用和填充一個基於搜索的鏈接集相鄰的div。當用戶離開輸入和div時，我想隱藏div。我不知道如何將一個函數放在一起檢查兩個條件。如何設置基於兩個條件的jQuery動作

這是HTML部分。

<form name="searchform" id="sform" action="searchflowers.asp" method="get" style="float:left"> 
<input type="hidden" name="mode" value="search"> 
<input type="hidden" name="pf" value="Y"> 
<input type="hidden" name="itype" value="flower"> 
<input type="search" name="srch" id="thisbox" maxlength="30" id="srch" placeholder="search flowers" 
    autocomplete="off"> 
<input type="submit" value="Go" class="tinybutton"> 
<div id="suggestions"></div>

和腳本。

//jquery functions 
$(document).ready(function(){ 
//initially hide suggestions box 
$("#suggestions").hide() 

//retrieve matching results 
$("#thisbox").keyup(function() { 
    $("#suggestions").show() 
    $("#suggestions").load("scripts/getlist.asp?letters=" + $("#thisbox").val()) 
}); 

    //********** this is the piece I need to fix ************* 
$("#sform").mouseout(function() { 
    $("#suggestions").hide("slow") 
});

}）;

來源

2017-06-15 Deb

Umm ...當用戶離開輸入時設置一個變量。當你離開div時檢查變量嗎？ –

當你說「用戶離開文本框」時，你的意思是他們什麼時候忽略它？ – tt9

請請 - 學習如何使用** angularjs **或**反應**而不是使用jQuery - 它會讓你的生活更輕鬆 – ymz

我在這裏假設'用戶離開輸入和div'你的意思是mouseleave事件對嗎？（不blur事件輸入和mouseleave爲DIV）

如果您的建議是DIV裏面的形式，那麼你的代碼工作相當多的是（有在你的示例代碼沒有結束表單標籤）。如果建議div意在超出表單的範圍，那麼我會建議在表單和建議div周圍添加一個包裝div，並將您的mouseleave事件掛接到該容器而不是兩者。

這裏是一個工作JSFiddle，考慮到mouseleave事件的形式（我把你的DIV 內形式），以及blur事件輸入字段本身（注意，我用不上到你的'腳本/ getlist.asp'，所以我只是在那裏放了一個jsonplaceholder的電話，因爲你在這裏的關注似乎是任何方式的用戶界面）

來源

2017-06-15 21:06:24

如何設置基於兩個條件的jQuery動作

回答

相關問題