我有一组使用 jquery mobile
的按钮:
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" style="text-align:center">
<input id="radio1" name="" value="site" type="radio">
<label for="radio1">
Site
</label>
<input id="radio2" name="" value="transmitter" type="radio">
<label for="radio2">
Transmitter
</label>
<input id="radio3" name="" value=" channel" type="radio">
<label for="radio3">
Channel
</label>
</fieldset>
我需要在单击或捕获单击时显示弹出窗口并手动显示。问题是 jquery mobile
自行渲染此内容。那么可以吗?
最佳答案
因为 jQuery Mobile 创建了新的按钮样式,所以 click 事件必须绑定(bind)到伪装成按钮的 span 元素。必须给 Fieldset 一个 id 或任何其他标识符,我们将使用它来访问按钮元素。
Click 事件不能绑定(bind)到原始的 radio 元素,因为它们有一个 active css 属性 display: none;
这是一个工作示例:http://jsfiddle.net/Gajotres/dCEnC/
$(document).on('pagebeforeshow', '#index', function(){
$('#custom-fieldset').find('.ui-btn').on('click', function(){
$('#popupBasic').popup('open');
});
});
关于jquery - 如何捕获 jQuery 移动或单选按钮中的点击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15387385/