5

Có cách nào để chuyển đổi chức năng typest của twitter bootstrap thành hàm $ ("body"). On()? Mã sau hoạt động tốt nếu phần tử tồn tại trên tải trang.twitter typsthead typeahead không thể thêm vào phần tử được tạo động

$("#job_title").typeahead({ 
    source: searchFunction,   
    onselect: function(obj) {    
    } 
}); 

Nhưng nếu tôi thêm đầu vào văn bản có id = "job_title" động, chức năng trên không hoạt động. Có một cách giải quyết cho điều này?

+2

Sửa báo giá còn thiếu trước khi ai đó cho rằng đó là sự cố – Esailija

+0

Rất tiếc, đó chỉ là lỗi dán sai. Cảm ơn bạn đã chỉ ra điều đó. nhưng đây không phải là vấn đề :) –

+0

Có vấn đề gì khi khởi tạo 'typeahead' trên phần tử khi bạn thêm nó? – Esailija

Trả lời

1

tôi tải jquery.livequery.js để có được những hành vi của tôi muốn:

$("#job_title").livequery("create", function() { 
    $(this).typeahead({ 
     source: searchFunction,   
     onselect: function(obj) {    
     } 
    }); 
}); 
+0

Bạn đã bao giờ tìm thấy một cách thay thế để hoàn thành điều này mà không cần sử dụng JavaScript bổ sung? – Josh

+0

Tôi gần đây đã hoán đổi việc triển khai bootstrap để thực hiện jQuery-ui do các vấn đề tương thích với trình duyệt. –

+0

Bạn gặp sự cố tương thích với trình duyệt nào? – Josh

3

giải pháp này không yêu cầu javascript bổ sung. Từ https://stackoverflow.com/a/15094730

$("#element-that-will-contain-typeaheads").on("DOMNodeInserted", function() { 
    $(this).find(".typeahead").typeahead(); 
});