jQuery mobile-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>​