jQuery移动页面加载事件未触发

Question

<div id="order-preview" data-role="page">
        // header
        //ui-content
        //footer
<script>

$("#order-preview").on("pageload",function(event){
alert("aas");
});

$(document).on("pageload","#order-preview",function(event){
alert("aas");
});
</script>
</div>

我按以下方式加载此页面

<a data-icon="shop" href="#order-preview">Click</a>

加载#order-preview页面时，两个事件都没有被触发

Answer 1

您可以尝试使用pageshow事件，这种方式对我有用：

$(document).on("pageshow","#order-preview",function(event){
      alert("aas");
});

我希望这对你有帮助！