gpt4 book ai didi

JQuery Mobile 复选框未响应 ('vclick' 上的 .)

转载 作者:行者123 更新时间:2023-12-01 01:24:38 25 4
gpt4 key购买 nike

我正在开发 JQM 应用程序,我试图让一个复选框在按下时显示额外的选项。我很习惯使用 $().on('vclick') 来捕获我的事件,但它似乎不适用于复选框。知道为什么吗?

fiddle 在这里:http://jsfiddle.net/T3qmG/43/

HTML

<body>
<div data-role="page">
<div data-role="header">
<h2>Checkbox Test</h2>
</div>
<div data-role="content">
<input type="checkbox" id="checkbox-choice-1" />
<label for="checkbox-choice-1">Click me</label>
</div>
<input id="vclick-test" type="button" value="A normal button"/>
</div>
</body>

Javascript

$(document).ready(function(){
$("#checkbox-choice-1").on('vclick', function(){
alert("VClick event triggerd. Yet you'll never see this..");
});
$("#checkbox-choice-1").click(function(){
alert("Click event triggerd.");
});
$("#checkbox-choice-1").change(function(){
alert("Change event triggerd.");
});
$("#vclick-test").on('vclick', function(){
alert("This proves that vclicks do work...");
});
});

最佳答案

似乎带有[type=checkbox][type=radio]的输入接受点击更改 并仅点击

但是,如果您仍然想使用vclick,那么您需要将此事件绑定(bind)到输入的label

Demo

HTML

<input type="checkbox" id="checkbox-choice-1" />
<label for="checkbox-choice-1">Click me</label>

JS

$("[for=checkbox-choice-1]").on('vclick', function () {
alert("VClick event triggerd. Yet you'll see THIS..");
});

关于JQuery Mobile 复选框未响应 ('vclick' 上的 .),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17325661/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com