1

我在听 jQueryMobile 滑块的更改事件时遇到了困难。

在此页面中，事件正确触发事件“slidestop”：http:
//jsfiddle.net/2HEcY/
我页面中 的相同代码不会触发任何内容：http:
//www.marianotomatis.it/test.php

可以你看到这段代码有什么问题吗？

<html>
<head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head> 
<body> 

<div data-role="page">

    <div data-role="header">
        <h1>My Title</h1>
    </div><!-- /header -->

    <div data-role="content">    
        <label for="slider-step">Input slider:</label>
        <input type="range" name="slider-step" id="slider-step" value="150" min="0" max="500" />      
    </div><!-- /content -->

</div><!-- /page -->
<script>$("#slider-step").on("slidestop", function(e){ alert("STOP!"); });</script>

</body>
</html>
4

1 回答 1

1

你的jsfiddle有这样的onLoad：

//<![CDATA[ 
$(window).load(function(){
$("#slider-step").on("slidestop", function(e){
   alert("STOP!"); 
});
});//]]>

并且您只在没有 $(window).load 或 $(document).ready jsfiddle的情况下复制页面上的脚本

于 2013-05-28T20:38:35.403 回答