2

所以我知道 jQuery Mobile 使用 $('document').bind('pageinit') 而不是 $(document).ready() 因为他们使用 Ajax。看到这里 但我无法让它工作。例如,我得到了这个:

$(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');

    });

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

4

1 回答 1

2

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

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

你可以在这里看到一个例子

于 2012-12-04T14:49:27.433 回答