Jquery 移动 - div 内容绑定滚动第一次不起作用，但在刷新页面后它可以工作

Question

<div  data-role="page" id="one" data-theme="a" >
    <div  data-role="content" id="content">
       <script type="text/javascript" >
         $(document).ready(function() {
        $('#content').bind('scroll', function () {  
                alert(0);
            });
         });

在这种情况下，我在滚动时设置了一个警报，但它不起作用，而是在手动刷新页面后工作。

不知道是什么原因？任何帮助。

PS：div 的位置的 CSS 属性是"绝对的"——这与上述问题有什么关系吗？

Answer 1

您的问题在其他地方，以下 jsfiddle 可以正常工作 http://jsfiddle.net/mendesjuan/jBeE6/

<div  data-role="page" id="one" data-theme="a" >
    <div  data-role="content" id="content">        
       <script type="text/javascript" >    
         $(document).ready(function() {
            $('#content').bind('scroll', function () {  
                console.log("Here it is");
            });
         });
        </script>
        Here is a lot of content... a lot more goes here       
    </div>
</div>​