pagecontainer触发事件(多页站点)

时间:2018-07-11 12:50:51

标签: jquery-mobile

好吧,我正在使用JQM 1.4.5,我正在尝试解决现有的多页/文件站点上所有不推荐使用的命令。

这可能看起来很简单,但是在Google上花费了几个小时后,他们发现了几种不同的想法,其中有些相互矛盾,我终于穷尽了所有选择。

我正在尝试替换现有事件[pageinit]和[pagebeforeshow]。 根据JQM网站,我可以通过两种方式进行绑定:

$( ".selector" ).on( "pagecontainerbeforeshow", function( event, ui ) {}      );

$( ":data('mobile-pagecontainer')" ).pagecontainer({
  beforeshow: function( event, ui ) {},
  beforehide: function( event, ui ) {},
  show: function( event, ui ) {},
  hide: function( event, ui ) {}
});

我尝试过:

$( "#pageDetails" ).on( "pagecontainershow", function( event, ui ) {}   
alert("show");     );

AND

$("#pageDetails").pagecontainer({
    create: function( event, ui ) {
            alert("Create");
        },
        show: function( event, ui ) {
            alert("show");
        },
        beforeshow: function( event, ui ) {
            alert("show");
        }
    });

其中的“ create”已按预期触发,但没有其他内容。

在index.html页面上,我的脚本位于初始页面之外,该脚本跨所有页面运行,并且在每个html文件中,我页面内的脚本都与每个页面相关。

以前我有:

$("#pageDetails").off("init");
$("#pageDetails").on("init",function(){ 
});

$("#pageDetails").off("pagebeforeshow");
$("#pageDetails").on("pagebeforeshow",function(){   
});

这两种方法都很好。

如何转换为较新的方法?

0 个答案:

没有答案