从jQuery Mobile中的切换开关获取价值

时间:2013-07-12 18:48:48

标签: javascript jquery html jquery-mobile

超级基本问题,但我无法弄清楚为什么下面的代码不起作用:

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)

2 个答案:

答案 0 :(得分:3)

只需使用 vclick 代替 tap click 。这是一个jQuery Mobile事件,可以解决移动和桌面问题,点击/点击无法在两个平台上运行。

工作示例:http://jsfiddle.net/2ckHr/9/

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

答案 1 :(得分:0)

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