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