如何在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