動態元素的綁定插件動作

Question

我有一個動態創建的輸入字段。我需要綁定來自jQueryUI小部件的插件交互。

我的代碼

$("select[name='tab_content_length']").live('click', function(){ 
    $(this).selectmenu({ style: "dropdown"}); 
}); 
$("select[name='tab_content_length']").trigger('click'); 

這是柺杖和第二部分將無法正常工作。任何想法如何將插件交互綁定到即時元素？

PS！我不能，也不會綁定到「點擊」，但我不上的解決方案:(

Answer 1

這是有目的的任何已知的.livequery() plugin還提供：

$("select[name='tab_content_length']").livequery(function(){ 
    $(this).selectmenu({ style: "dropdown"}); 
}); 

另一種方式將可能是對先前的事件使用.live()，並檢查它是否被綁定...這取決於如何插件雖然寫，例如mousedownclick之前發生（當用戶點擊），像這樣：

$("select[name='tab_content_length']").live('mousedown', function(){ 
    if(!$.data(this, 'menubound')) //prevent re-binding the plugin 
    $(this).selectmenu({ style: "dropdown"}).data('menubound', true); 
});