javascript - 如何让事件绑定(bind)在 jQuery Mobile 上工作？

Question

我正在将一个普通网站转移到 jQuery Mobile。我有一些事件绑定(bind)，以及其他页面特定的调整:

$('.roulette-img').css({
});

$('.shuffle-img').each(function(){
});

$('.button').bind('mousedown', function(){
});

$('.spin-btn').bind('mousedown', function(){
    $(document).bind('mouseup', function(){
    });
})

$(window).resize(function(){
});

现在某些页面不能正常工作(通过不触发这些事件)。我知道这是因为 jQuery 的 ajax 导航，脚本只在第一页加载时加载一次，因此通过 AJAX 加载的所有后续内容都不会绑定(bind)到事件。

哪种方式最好绕过它？

Answer 1

首先不要使用 bind，它已被弃用并从 jQuery 版本 1.9 + 中删除。改为使用。这是一个例子:

$('#buttonID').on('click', function(){       

});

此外，如果您想在某个页面内执行某些操作，您需要在 jQuery Mobile 页面事件内执行，如下所示:

$(document).on('pagebeforeshow', '#index', function(){       

});

我给你做了一个工作示例:http://jsfiddle.net/Gajotres/8hKe2/

在这里您可以看到使用页面事件为特定页面执行代码的效果。

你想知道的一切都可以在这个答案/文章中找到: jQuery Mobile: document ready vs page events