javascript - JQuery Collabsible 内的滑块切换开关

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

嗯，这样做了：

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

<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>

从未见过类似的东西

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

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