javascript - JQuery Collapsible 内的 slider 切换开关

Question

我正在尝试将 jQuery 切换开关( slider )放置在可折叠的内部。该按钮按预期显示在可折叠内容内，但我无法在 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()

到目前为止，它在做什么？