除非手动刷新页面,否则不会在底部使用Javascript进行代码操作。 有什么办法可以防止这种情况? 如果没有,如何在页面加载后立即动态刷新? 谢谢你的帮助!

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Universal Travel Flights</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <link rel="stylesheet" href="css/my.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
    <script type="text/javascript" src="js/form_validation.js"></script>
    <script src="js/cordova-2.5.0.js"></script>
</head>
<body>
    <div data-role="page" id="passenger">
        <div data-theme="a" data-role="header">
            <h3>
            </h3>
        </div>
        <div data-role="content">
            <div data-role="navbar" data-iconpos="top">
                <ul>
                    <li>
                        <a href="index.html" data-transition="fade" data-theme="" class="ui-btn-active ui-state-persist">
                            Book
                        </a>
                    </li>
                    <li>
                        <a href="deals.html" data-transition="fade" data-theme="">
                            Deals
                        </a>
                    </li>
                    <li>
                        <a href="contact.html" data-transition="fade" data-theme="">
                            Contact
                        </a>
                    </li>
                </ul>
            </div>
            <form id="inputform" name="inputform" method="get" action="payment.html">
                <input type="hidden" name="flightID" id="flightID" />
                <div data-role="collapsible-set" id="passengers">

                </div>
                <br/>
                <input type="submit" value="Continue" data-theme="b" data-icon="arrow-r" data-iconpos="right"/>
            </form>
            <a data-role="button" data-transition="fade" data-theme="c" href="details.html" data-icon="arrow-l" data-iconpos="left">
                Back
            </a>
          </div>
        <div data-theme="a" data-role="footer">
            <h3>
            </h3>
        </div>
    </div>
    <script>
    $( document ).on( "pageinit", "#passenger", function() {
        var arrArgs = location.search.substring(1).split("&");
        document.getElementById("flightID").value = arrArgs[2].substring(arrArgs[2].indexOf("=")+1);
        var text = "";

        for(var i = 0; i < arrArgs[0].substring(arrArgs[0].indexOf("=")+1); i++)
        {
            text += "<div data-role='collapsible' data-collapsed='false'><h4>Adult</h4><div data-role='fieldcontain'><fieldset data-role='controlgroup' data-mini='true'>" +
            "<input name='fname' id='fname' placeholder='First name*' value='' type='text' class='required'/></fieldset></div><div data-role='fieldcontain'><fieldset data-role='controlgroup' data-mini='true'>" +
            "<input name='mname' id='mname' placeholder='Middle name' value='' type='text' /></fieldset></div><div data-role='fieldcontain'><fieldset data-role='controlgroup' data-mini='true'>"+
            "<input name='lname' id='lname' placeholder='Last name*' value='' type='text' class='required'/></fieldset></div><div data-role='fieldcontain'><select name='gender' data-mini='true' id='gender' class='required'>" +
            "<option value=''>Gender*</option><option value='female'>Female</option><option value='male'>Male</option></select></div><div data-role='fieldcontain'><fieldset data-role='controlgroup' data-mini='true'>" +
            "<input name='dob' id='dob' placeholder='Date of Birth (mm/dd/yyyy)*' value='' type='text' class='required'/></fieldset></div></div>";
        }

        for(var i = 0; i < arrArgs[1].substring(arrArgs[1].indexOf("=")+1); i++)
        {
            text += "<div data-role='collapsible' data-collapsed='false'><h4>Child</h4><div data-role='fieldcontain'><fieldset data-role='controlgroup' data-mini='true'>" +
            "<input name='fname' id='fname' placeholder='First name*' value='' type='text' class='required'/></fieldset></div><div data-role='fieldcontain'><fieldset data-role='controlgroup' data-mini='true'>" +
            "<input name='mname' id='mname' placeholder='Middle name' value='' type='text' /></fieldset></div><div data-role='fieldcontain'><fieldset data-role='controlgroup' data-mini='true'><input name='lname' id='lname' placeholder='Last name*' value='' type='text' class='required'/>" +
            "</fieldset></div><div data-role='fieldcontain'><select name='gender' data-mini='true' id='gender' class='required'><option value=''>Gender*</option><option value='female'>Female</option><option value='male'>Male</option></select>" +
            "</div><div data-role='fieldcontain'><fieldset data-role='controlgroup' data-mini='true'><input name='dob' id='dob' placeholder='Date of Birth (mm/dd/yyyy)*' value='' type='text' class='required'/></fieldset></div></div>";
        }

        document.getElementById("passengers").innerHTML = text;

    });
    </script>
</body>
</html>

===============>>#1 票数:0

好的,我想我已经明白了...用以下代码包装您的脚本:

<script>$(document).ready(function( ...Place all that code in here...


); <<<you need to close it.
</script>

那应该做。

  ask by Sandra Leon translate from so

未解决问题?本站智能推荐:

1回复

jQuery Mobile页面在我刷新之前不会显示内容

为什么我的带有两个“移动”页面的html页面必须刷新或移动一些小边缘才能在其中显示我的地图? 请参阅我的小提琴或以下代码: 我有一个包含两个jQuery Mobile页面的移动页面文档(html)。 1.要求您知道您的位置的登录页面。 2. OpenLayers3地图页面,它将打开您
1回复

在jquery移动页面加载时刷新内容

我有一个列表视图,当在列表视图上单击每个项目时,(将其添加到本地存储中),将打开一个对话框(页面),显示单击的项目的更多信息(详细视图)。 我为对话框页面添加了标记,同时执行的操作是,当我单击一个项目时,它在对话框页面上显示了所单击项目的正确详细信息,但是当对话框页面关闭并单击另一个时,项目,
2回复

jQuery Mobile页面不刷新

我没有做家庭作业,但无法上班。 按钮样式不会刷新,请提供帮助。 这是我写的Javascript 我确实尝试过$( "div[data-role=page]" ).page( "destroy" ).page(); 但这是行不通的。请帮我,谢谢。 JSFIDDLE http:
3回复

在jQuery Mobile中刷新动态创建的页面

我有以下问题: 我正在使用Jquery mobile,用户可以搜索产品,并且这些页面的详细信息是动态创建的: 就像是 : 它工作正常,但是问题是当您转到产品详细信息并单击刷新时,该表单再次出现,并且由于Dom已刷新,所以我无法再访问产品详细信息(需要进行其他搜索等) ..)
1回复

jQuery Mobile如何在导航后刷新内部页面

嗨,我用html5和JS开发了一个移动应用程序。 我在下面的html中包含所有使用的页面 在我的应用程序中,我从第2页转到第3页,在完成某些功能后,我必须回到第2页,但是我尝试刷新它没有成功。 我使用以下代码以便从page3返回至page2 更改页面后如何刷新page
1回复

如何在加载完成JQuery Mobile时刷新页面?

我正在制作一个JQuery Mobile PhoneGap Build应用程序,我需要页面在打开后刷新或重新加载。 该页面将通过主页上的链接打开。 我这样做是因为由于某种原因,当从主页打开链接时,当附加到onclick或onmouseover按钮时,所有功能均不起作用。
1回复

jQuery Mobile:返回页面时未加载动态内容

我来自getmovies.php数据正常工作,并在我第一次加载页面时加载到#moviesPage 。 但是,如果我离开#moviesPage并返回到该内容,则不会重新加载该内容。 出现页眉和页脚,我可以看到未填充的<ul>也在那里,只是没有任何动态加载的<li>s 。
1回复

如何在Jquerymobile MVC中重定向页面后刷新页面

大家好,我创建了一个小型的jquerymoblie mvc3应用程序,因为单击列表视图中的链接时,我将使用列表视图控件将其呈现到下一页,在该页面中,我已使用文本框将一些数据上传到数据库中更新完成后,我已重定向到上一页,现在我再次重定向到同一页以上传其他数据,但文本框字段不清除,它显示旧数据,当我
1回复

更改页面后如何刷新ListView

嗨,我开发了一个移动应用程序,在一个文件中有5个html页面。 在第2页中,我有建筑物费用的清单视图。 在第3页中,我有一个功能可以支付从第2页中选择的费用。在上述功能的末尾,我包含以下代码 我希望当应用程序从第3页返回第2页时不显示已付费用。 我想要我是否很好地理解页
2回复

JQuery页面刷新

如何使用JQuery以设置的间隔刷新页面,这些页面可以像元刷新一样工作但不重新加载页面? ...或者在页面上重新加载html表单以刷新它显示的数据? 这些都可以工作,但我找不到任何实际工作的东西。 谢谢!