单击外部链接不起作用时,jQuery Mobile自定义加载消息

时间:2015-02-16 17:24:18

标签: javascript jquery jquery-mobile mobile

我已经搜索了很多这个问题的地方,但仍然没有提出修复方法。我正在尝试在单击外部链接时实现自定义文本加载器。我得到的很多代码来自jQuery移动网站,但没有一个能够运行!必须有一些简单的东西我不会来这里。

单击链接后,页面会像我设置的那样延迟,但它不会显示我尝试实现的自定义加载消息。

是的,我已将脚本放在jQuery代码脚本和jQuery移动脚本之间以覆盖默认加载器。

这是我在尝试过很多不同的事情之后的目前

<script type="text/javascript">
$(document).bind("mobileinit", function(){
    $.mobile.loadingMessageTextVisible = true;
    $.mobile.loadingMessage = "Your page is loading...please wait";

});
$('.show-page-loading-msg').click(function(event) {              

        $.mobile.loading("show");
        //$.mobile.loading('show', {text: "Your page is loading...please wait", textonly:true });       
        setTimeout(function() {     
            window.location.assign('products.html');
        }, 50);
}); 

</script>

有些东西被注释掉了,因为我发现现在有些方法自jQuery mobile 1.2以来已被弃用。

链接代码为: <a href="http://www.thuraya.com/" rel="external" data-role="button" data-textonly= "true" data-textvisible="true" data-msgtext="Text only loader" class="show-page-loading-msg">Click Here to Learn More</a>

自从我尝试了很多东西之后,我还有很多东西。

这是一个包含大量代码的多页模拟网站,因此我只想发布需要特别解决的内容。在此问题上提前感谢您的任何帮助。 :)

0 个答案:

没有答案