Question

我试图在可折叠的内部放置一个jQuery切换开关（滑块）。该按钮按预期显示在可折叠内部，但我无法在我的JavaScript代码中获取其状态。看起来这个开关对我的JS代码是不可见的。这就是我要做的事情：

HTML：

<div data-role="fieldcontain">
                   <label for="flipmin">Switch:</label>
                   <select id="switch" data-role="slider">
                                 <option value="0">Off</option>
                                 <option value="1">On</option>
                   </select>
        </div>

JavaScript的：

$(document).on('pageinit','#page1',function(){
$("#lightswitch").change(function() {
    var args = $("#lightswitch option:selected").val();
    console.log(args);
}); });

有什么建议吗？谢谢！

Answer 1

嗯，这样做了：

＆＃13;

$(document).ready(function(){
	console.log("asd");
$(".fieldcontainer").change(function() {
    var args = $(".fieldcontainer option:selected").val();
    console.log(args);
}); });

＆＃13;

<div data-role="fieldcontain" class="fieldcontainer">
                   <label for="flipmin">Switch:</label>
                   <select id="switch" data-role="slider">
                                 <option value="0">Off</option>
                                 <option value="1">On</option>
                   </select>
        </div>

＆＃13;

从未见过像

这样的东西

$(document).on('pageinit','#page1',function()

到目前为止，这是做什么的？

JQuery Collabsible内部的滑块切换开关

1 个答案: