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

如何在jQuery Mobile中正确使用$（'document'）。bind（'pageinit'）？

1 个答案: