無法在發射後自定義JS觸發器選擇目標

Question

以下是觸發器和目標的總體佈局。

<div id="search"> 
    <form id="searchForm"></form> 
</div> 
<div class="searchResults"></div> 

在用戶輸入搜索詞時，SearchResult所DIV被填充像這樣：

<div class="searchResults"> 

<ul> 

    <li>Result One</li> 
    <li>Result Two</li> 
    <li>Result Three</li> 

</ul> 

</div> 

觸發設置，像這樣：

$('#searchForm').trigger('search.categories.updated'); 

我已經那麼創造了這個當用戶點擊其中一個動態生成的搜索結果時，嘗試併發出警報的簡單腳本：

$(document).on('search.categories.updated', function(e){ 

       var target = $(e.target), 

       searchtarget = target.find('.searchResults + ul li a'); 


       searchtarget.click(function() { 

        alert("yay it works!"); 

        }); 

      }); 

不幸的是，這是行不通的。我認爲它與searchtarget變量不適當地針對sibiling div有關。任何想法？

Answer 1

searchtarget變量設置不正確，是的。它應該是：

searchtarget = $('.searchResults ul li'); 

（內.searchResults搜索裏面ul爲li）。

Fiddle。