Jquery mobile jqm滑块停止事件未触发

我试图构建一个带有切换/翻转滑块的JQM页面，该滑块根据滑块位置显示/隐藏txt框。 请参阅JSfiddle

HTML-

<div data-role="page">
<div data-role="header" data-theme="b">
    <label>JQM Slider Toggle test</label>
</div>
<div data-role="container">
    <div data-role="fieldcontain">
        <label for="OnFront">Device Location:</label>
        <select name="OnFront" id="OnFront" data-role="slider" data-theme="b">
            <option value="true">Front</option>
            <option value="false">Rear</option>
        </select>
    </div>
    <div id="DeviceOnFront">
        <div data-role="fieldcontain">
            <label for="FrontPosId">Front Position</label>
            <input type="text" id="FrontPosId" class="input_txt"></input>
        </div>
    </div>
    <div id="DeviceOnRear" hidden="hidden">
        <div data-role="fieldcontain">
            <label for="RearPosId">Rear Position</label>
            <input type="text" id="RearPosId" class="input_txt"></input>
        </div>
    </div>
</div>
<div data-role="footer" data-theme="b">
    <label>Glyn Lewis</label>
</div>

})

我无法启动滑块“停止”事件

---

任何建议都将被感激地接受。

以下是根据您的示例制定的有效解决方案：

你几乎没有什么错误。事件sliderstop和sliderstart不存在：

 $("#OnFront").on("sliderstart", function () {
     alert("User has started sliding my-slider!");
 });

它们的正确名称是slidestart和slidestop：

$('#OnFront').on('slidestart', function(){    
     console.log('Start');
});

---

以下是根据您的示例制定的有效解决方案：

你几乎没有什么错误。事件sliderstop和sliderstart不存在：

 $("#OnFront").on("sliderstart", function () {
     alert("User has started sliding my-slider!");
 });

它们的正确名称是slidestart和slidestop：

$('#OnFront').on('slidestart', function(){    
     console.log('Start');
});

---

魔术，非常感谢你的帮助和指导。。。我还注意到您将“pageinit”更改为$（document）（'pagebeforeshow'，…你能解释一下原因吗。小提琴工作正常，但我的代码仍然有问题。事件正在触发并被我的代码捕获，我在日志中看到它，但是元素没有切换？第一次通过正确的翻转发生，但之后屏幕没有更新，即使Java脚本被击中了？？？刚刚用fiddle的代码创建了简单的html页面，而且工作正常。这一定与网站的其他部分有关…这是我试图“移动化”的MVC4 web应用程序使用JQM。在这个网站上，事件触发，javascript被命中，但页面上的元素只更新过一次？？？以前有人见过这种行为吗？？？正如我现在所了解的，任何帮助或指针都很高兴地发现了我的错误：当我应该有value===“true”时，我有value==trueMagic，非常感谢您的帮助和指导…我还注意到您将“pageinit”更改为$（文档）。on（'pagebeforeshow'，…你能解释一下原因吗。小提琴工作正常，但我的代码仍然有问题。事件正在触发并被我的代码捕获，我在日志中看到它，但是元素没有切换？第一次通过正确的翻转发生，但之后屏幕没有更新，即使Java脚本被击中了？？？刚刚用fiddle的代码创建了简单的html页面，而且工作正常。这一定与网站的其他部分有关…这是我试图“移动化”的MVC4 web应用程序使用JQM。在这个网站上，事件触发，javascript被命中，但页面上的元素只更新过一次？？？以前有人见过这种行为吗？？？正如我现在所了解的，任何帮助或指针都很高兴地发现了我的错误：当我应该有value===“true”时，我有value==true