Question

当我用

更改页面时，我发现jquery mobile有问题

 <input type="button" onclick="window.location.href = 'page.html'"
value="New Page">

一切正常，但我想添加一个过渡，所以我试图将我的代码变为

<a data-transition="slide" href="page.html>New Page</a>

但是在新页面中，所有javascript工作都很糟糕，页面布局没有以正确的方式加载，主文件中的javascript代码也没有触发（我在js中声明的所有var都是未定义的如果我回到主页，href幻灯片菜单仍保持半宽度

所以我认为要避免这个问题离开window.location.href，但我需要页面转换，如何才能设置转换和js正常工作？

主要：

<div id="home" class="upage-content">
<a href="join.html" data-transition="slide">Join</a>
                        </div>

加入：

<body>

        <div class="uwrap">

            <div class="upage" id="mainpage" style="min-height:100% !important;" data-role="page">

    <script type="application/javascript" src="js/jquery.min.js"></script>
        <script type="application/javascript" src="jqm/jquery.mobile-min.js" data-ver="0"></script>

        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBsDjPNTwvkFNGFQp-AN6A6xF5N7_3Pxx0&amp;sensor=false"></script>

        <script type="text/javascript" src="js/main3.js"></script>
<div class="upage-outer">

                <div data-role="header" class="headclass" data-uib="jquery_mobile/header" data-ver="0">
                    <h1>JOIN</h1>

Answer 1

当使用页面转换时，jQuery mobile预先获取页面以对其进行动画处理，如果javascript不起作用，则很可能是因为您正在动画的页面上的javascript未加载。 jQuery mobile只会从

中的页面中获取内容

 data-role="page"

DIV。因此，为了使页面正常工作，您必须在主页的部分中包含所有javascript资源。并使用

 <a data-transition="slide" href="page.html>New Page</a>

Javascript不能用href jquery mobile触发 - 使用window.location进行数据转换

1 个答案: