2014-01-22 109 views
1

我已經在其中完成了搜索代碼的header.php文件,搜索框也僅在header.php文件中進行了編碼。 我在做什麼是,如果用戶點擊搜索按鈕它會調用一個事件&無論它在搜索框中寫入,search.php文件也會一樣。 問題是它在index.php & signup.php中工作得很好,但似乎沒有任何其他頁面的工作。僅在某些頁面上工作的搜索功能

<script> 
$('#searchproductbrand').live('click',function() { 
    var search = $('.searchproductbrand').val(); 
    window.open('search.php?search='+search,'_self'); 
}); 
</script> 

<input type="search" id="text" class="searchproductbrand" placeholder="Search for Product, Brand" onkeyup="showResult(this.value)" autofocus="autofocus" /> 
<input type="button" id="searchproductbrand" class="button" value="Search" style="padding: 10px 10px;"/> 

有任何文件中使用其他地方沒有 'searchproductbrand' 類& ID。 任何建議或幫助?

+0

可能是你錯過了包括jQuery的lib? –

+0

我是一個白癡,我怎麼能忘記那件事?:o bdw非常感謝,它的工作。你應該添加一個這個&我會upvote它的答案。:) –

回答

1

你已經錯過了包括jquery庫在您的其他頁面。請將其包含到該頁面中,或者在常見標題頁面中添加jquery庫,以便將其應用到包含標題的所有頁面中。

1

首先,確保你已經正確地在其他頁面中包含jQuery。

其次,儘量包裹裏面DOM準備$(function() { });你的代碼,看看:

$(function() { 
    $('#searchproductbrand').on('click',function() { 
     var search = $('.searchproductbrand').val(); 
     window.open('search.php?search='+search,'_self'); 
    }) 
}) 

除了使用on(),而不是因爲live()live()已廢棄版本1.7