從使用JavaScript創建的文本框中獲取價值

Question

我無法在JavaScript動態創建的文本框中觸發keyup事件。

我已經使用以下代碼創建了文本框：

var chatAreaModel = {
    sidebar: {
        start: "<div class='pull-left chat-list'><div class='listview narrow'><form><input name='search' value='' id='id_search' placeholder='Search' type='text'></form>",
        content: "",
        end: "</div></div>"
    },
};

我使用此函數來觸發keyup事件，但是當我在html頁面中靜態創建文本框時，它可以工作，但是當我動態創建文本框時，它無法正常工作。

我使用了以下代碼：

$('#id_search').keyup(function(){
    console.log("type");
   // alert('get val');
   $('input #id_search').quicksearch('div .chat-item');
});

Answer 1

您應該on將元素添加到DOM時使用：

$('#id_search').on('keyup', function(){
    // ...
});

Answer 2

您是否使用選擇器嘗試了on函數？ http://api.jquery.com/on/

// Give your form an id (e.g. my_form)
$('#my_form').on('keyup', '#id_search', function() {
...
}