2012-08-23 67 views
2

我用於jQuery Mobile自定義選擇菜單的.change菜單根本沒有觸發。我試圖追加動態的jQuery Mobile的選擇菜單:自定義選擇菜單的onChange事件jquery mobile

附加jQuery Mobile的選擇菜單

 $('#visSelectionMenu').append('<div data-role="fieldcontain"><label for="visMenu" class="select">Select Visualization:</label><select name="visMenu" id="visMenu" data-native-menu="false" class="visualizationMenu">'); 

     var visualizationList = ['Triangle','Square']; 

     for (var i = 0; i < visualizationList.length; i++) { 
     $('#visMenu').append('<option value=\'' + visualizationList[i] + '\'>' + visualizationList[i] + '</option>'); 
     } 

     $('#visMenu').selectmenu(); 
     $("#visMenu").selectmenu('refresh', true); 

的OnChange方法

$("#visMenu").change(function() { 
    console.log("hello"); 
    var $this = $(this), 
     val = $this.val(); 
    alert('onChange = ' + val); 
}); 
+0

你只是忘了把分號放在昏迷狀態$ this = $(this);在更改方法 –

+0

我得到同樣的問題,它似乎是由data-native = false屬性造成的。所有其他jQueryMobile selectmenus都可以在更改事件中正常工作。 – Wytze

回答

相關問題