2012-08-23 2 views
2

jQuery Mobile 사용자 정의 선택 메뉴에 사용하는 .change 메뉴가 전혀 트리거되지 않습니다. 나는 동적으로 jQuery를 모바일 선택 메뉴 추가하려고 해요 :사용자 정의 선택 메뉴의 onChange 이벤트 jquery mobile

추가 jQuery를 모바일 선택 메뉴

 $('#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); on change method –

+0

동일한 문제가 발생하며 data-native = false 속성으로 인해 발생하는 것으로 보입니다. 다른 모든 jQueryMobile selectmenus는 change 이벤트와 잘 작동합니다. – Wytze

답변