Fatal编程技术网

Jquery mobile JQuery移动滑块不工作

jquery-mobile

Jquery mobile JQuery移动滑块不工作,jquery-mobile,jquery-ui-slider,Jquery Mobile,Jquery Ui Slider,我正在尝试使用jquerymobile1.4.2来使用滑块 我想做的是使用slidestop事件在别处更新一个值。但是，slidestop事件不会触发。我创建了一个测试文件，并在Safari和Firefox中进行了测试。当我停止滑动滑块时，什么也不会发生。有人能告诉我我错过了什么教程吗 <html> <head> <link rel="stylesheet" type="text/css" href="css/jquery.mobile.cs

我正在尝试使用jquerymobile1.4.2来使用滑块

我想做的是使用slidestop事件在别处更新一个值。但是，slidestop事件不会触发。我创建了一个测试文件，并在Safari和Firefox中进行了测试。当我停止滑动滑块时，什么也不会发生。有人能告诉我我错过了什么教程吗

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/jquery.mobile.css" />
        <script src="js/jquery.min.js">
            </script>
        <script src="js/jquery.mobile.js">
            </script>

        <title>Concertzender</title>
    </head>
    <body>
        <label for="slider-step">Input slider:</label>
        <input type="range" name="slider-step" id="slider-step" value="150" min="0" max="500" step="10" />
    </body>
    <script>
            $( "#slider-step" ).on('slidestop',function( event ) { alert("slidestop event fired"); });
    </script>
</html>
但在Safari中，这给了我两个滑块，其中一个做滑块，另一个没有响应。然而，在iOS中，我得到一个滑动条，但不触发slidestop事件。省略第一行会使我在Safari中看到一个无响应的滑块，而在iOS中则没有

所以我的问题很简单：如何在不使用JQuery Mobile的页面的情况下为新滑块启用slidestop事件

您需要在
pagecreate
中包装所有事件/绑定

$(document).on("pagecreate", function () {
  $("#slider-step").on('slidestop', function (event) {
    console.log("slidestop event fired");
  });
});


$(document).on("pagecreate", function () {
  $("#slider-step").on('slidestop', function (event) {
    console.log("slidestop event fired");
  });
});