我有一個包含一堆JQuery對象的頁面。在同一頁上,我有一個表單,您可以在一系列字段中輸入搜索詞,然後單擊搜索按鈕,搜索按鈕將向服務器發送AJAX請求,然後將生成的HTML加載到div中。一個非常簡單的JQuery應用程序...jquery無法從ajx加載事件中的新div訪問原始jQuery對象
問題是這樣的。當您點擊通過ajax加載到div的搜索結果鏈接時,原始頁面上的Jquery代碼將不會觸發。例如,如果我在原始頁面上添加了一個名爲searchClick()的函數,那麼我會爲通過ajax加載到div的每個<a>
標記添加一個onClick =「searchClick()」,單擊該鏈接會產生JS錯誤說searchClick()是未定義的。但它被定義了!我在AJAX調用之前定義了它。我正在閱讀Jquery事件冒泡,但這似乎不是問題所在。實際上我不確定,但我已經嘗試過,但仍然無法正常工作。這裏要說的是加載主網頁上我當前的代碼
當瀏覽器加載頁面:
<script language="javascript" type="text/javascript">
$(文件)。就緒(函數(){
...
**function searchClick(value)** {
alert("here");
}
$('#search').click(function() {
description = urlencode($("#description").val());
manufacturer = urlencode($("#manufacturer").val());
product = urlencode($("#product").val());
category = urlencode($("#category").val());
subcategory = urlencode($("#subcategory").val());
$(**'#search_results'**).**load**('/productSearch.php?description=' + description + '&product=' + product + '&category=' + category + '&subcategory=' + subcategory')
});
...
</script>
<div id="**search_results**"></div>
以下是調用ajax查詢時出現在search_results div中的鏈接示例(th È負載())
<a href="#" onclick="s**earchClick("some value")"**>Product 1</a>
點擊在示例該鏈路上上面將產生searchClick()沒有定義錯誤。 任何人有任何建議?謝謝!