許多具有相同類別輸入的常見自動完成事件

Question

是否可以使用jQuery爲許多輸入定義常見自動完成變量envent。

我有一個表，當使用點擊一個添加按鈕時，這些表的行是動態添加的。這是該行的簡單克隆。每行包含幾個輸入。我開始在第一行上編寫一個自動完成更改，但是我想知道是否可以只保留一個自動完成更改來管理行中的所有輸入（由於在添加行時生成新的添加，因此可以想到輸入id。

這裏是我的代碼：

jQuery('.item').on("autocompletechange", function (event, ui) { 
    callAjaxMethod(); 
} 

這裏是HTML：

<div class="item"> 
    <div class="right"> 
     <label>Item</label> 
     <div class="input-box"> 
      <input type="text" name="item1-1" value="" 
      id="item1-1" class="input-text item" title="Item" /> 
     </div> 
    </div> 
</div> 

的.item是類包含輸入的div。投入將有我說的動態id。

現在，當我在表中添加很多行時，只有第一個輸入觸發事件。請注意，在導航器控制檯中執行jQuery（'。item'）將返回所有我的輸入數組...

有沒有一種優雅的方式來做到這一點？

Answer 1

我不確定沒有行創建上下文，但你可以創建一個函數AddRow（...），它既創建行並定義該行所需的所有事件處理程序。

另一種方法是隻創建第一行，然後使用參數設置爲true的$.clone function，以便沿元素複製事件處理程序。