2012-06-01 36 views
1

我想#result將隱藏在發送點擊外#search_form。我嘗試使用專注,但它不起作用。專注jquery不工作

<div id="search_form"> 
    <form method="post" onsubmit="return checkForm(this.form)"> 
     <div class="search padding"> 
      <input type="text" id="searchbox" name="manga_name" class="input" value="Tìm truyện muốn đọc ..." onfocus="if (value =='Tìm truyện muốn đọc ...'){value =''}" onblur="if (value ==''){value='Tìm truyện muốn đọc ...'}" onkeyup="keyup();"/> 
      <input type="submit" value=" " id="searchsubmit" class="go"/> 
     </div> 
    </form>  
    <div id="result"></div> 
</div> 

<script> 
    $("#search_form").focusout(function() { 
     $('#result').html(''); 
     $('#result').css('display', 'none'); 
    }); 
</script> 

回答

-1

把你的代碼中

$(document).ready(function(){//your code})

$(function(){}); 

這可以幫助你。

<script> 

    $(function(){ 
     $("#search_form").focusout(function() { 
      $('#result').html(''); 
      $('#result').css('display', 'none'); 
     }); 
     }); 
    </script> 
+1

文件準備是不是有些神奇的功能,可自動使代碼工作...運算的代碼文件中準備是多餘的,因爲他把他的代碼所需的DOM已經呈現後 – Esailija

+0

我已經嘗試過了,然後貼它 – 2012-06-01 09:07:24

+0

@Esailija:但它確實有效。經過多次不成功的嘗試,最終在將內部文件準備好之後起作用。 –

0

請做下面的代碼

<script> 
    $("#search_form").on("focusout",function() { 
     $('#result').html(''); 
     $('#result').css('display', 'none'); 
    }); 
</script> 
+0

無法正常工作... –

-1

把你的函數內部document.ready

<script type="text/javascript"> 
$(document).ready(function() { 
    // put all your jQuery code in here. 
}); 
</script>