jquery - 如何在 jQuery Mobile 中正确使用 $ ('document' ).bind ('pageinit' ) ？

Question

所以我知道 jQuery Mobile 使用 $('document').bind('pageinit') 而不是 $(document).ready() 因为它们使用 Ajax。 see here但我很难让它发挥作用。例如，我得到了这个:

$(document).ready(function() {
$('.scrollingtext').bind('marquee', function() {
var ob = $(this);
var tw = ob.width();
var ww = ob.parent().width();
ob.css({ right: -tw });
ob.animate({ right: ww }, 10000, 'linear', function() {
ob.trigger('marquee');
});
}).trigger('marquee');

});

效果很好，但我将其更改为:

$('document').bind('pageinit', function(){
    $('.scrollingtext').bind('marquee', function() {
    var ob = $(this);
    var tw = ob.width();
    var ww = ob.parent().width();
    ob.css({ right: -tw });
    ob.animate({ right: ww }, 10000, 'linear', function() {
    ob.trigger('marquee');
    });
    }).trigger('marquee');

    });

而且它是一个哑弹。我该如何正确地做到这一点？

Answer 1

document 不应位于引号之间。此外，它应该应用于页面(具有 data-role="page" 属性的 div)。

$(document).on('pageinit','[data-role=page]', function() {

你可以看一个例子here