jquery-mobile - jQuery Mobile - 仅触发一次 pageshow 事件

Question

在页面完全加载并且 JQM 处理了所有 ui 修改(即 ListView 、按钮等)之后，我尝试仅执行一次 JS 片段。我确实希望它仅在该页面上执行，而不是在后续页面上执行。

我首先尝试的是页面显示

<script>
$('[data-role=page]').live("pageshow", function() {
    alert("Ready!");
}); 
</script>

这存在一个问题，即该函数现在附加到页面 div 并在每次显示任何后续页面时执行。但是，我只想执行一次，并且仅针对包含该 JS 片段的页面。

有没有办法监听 pageshow 事件，而不实际将函数附加到它。

我能够做到这一点的唯一方法是像这样绑定(bind)和取消绑定(bind):

<script>
$('[data-role=page]').bind("pageshow.test", testfun);

function testfun() {
    alert("Ready!");
    $('[data-role=page]').unbind("pageshow.test", testfun);
}   
</script>

但是有更优雅的方法吗？

Answer 1

jQuery 有一个 one 函数来绑定(bind)事件处理程序，使其仅执行一次。检查reference .