Получение значения из тумблера в JQuery Mobile

Question

супер основной вопрос, но я не могу понять, почему следующий код не будет работать:

http://jsfiddle.net/2ckHr/3/

HTML

<label for="flip-1">Flip switch:</label> 
<select name="flip-1" id="flip-1" data-role="slider"> 
    <option value="off">Off</option> 
    <option value="on">On</option> 
</select> 

<button id="submit">Submit</button> 

JS

$(document).delegate("#submit", "tap", function() { 
    alert($("#flip-1").val()); 
}); 

Возвращает Uncaught TypeError: Cannot call method 'call' of undefined (jquery.mobile-1.3.0-beta.1.js:2823) при отправке.

Answer 1

Просто используйте vclick вместо tap или click. Это событие jQuery Mobile, которое наводит мосты на мобильные и настольные проблемы, при этом нажатие/щелчок не работает на обеих платформах.

Рабочий пример: http://jsfiddle.net/2ckHr/9/

$(document).delegate("#submit", "vclick", function() { 
    alert($("#flip-1").val()); 
}); 

Answer 2

$('#submit').on("click", function() { 
    alert($("#flip-1").val()); 
});