Jquery mobile 除非页面刷新，否则不会显示jQuery移动内容_Jquery Mobile_Page Refresh

Jquery mobile 除非页面刷新，否则不会显示jQuery移动内容

jquery-mobile

Jquery mobile 除非页面刷新，否则不会显示jQuery移动内容,jquery-mobile,page-refresh,Jquery Mobile,Page Refresh,除非我手动刷新页面，否则我在Javascript底部执行的代码操作不会发生。有没有办法防止这种情况？如果没有，如何在加载页面后立即动态刷新页面？谢谢你的帮助 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Universal Travel Flights</title> <link rel="stylesheet" hr

除非我手动刷新页面，否则我在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>


环球旅行航班










$（文档）。在（“pageinit”，“乘客”，函数（）上）{
var arrArgs=location.search.substring（1.split（&））；
document.getElementById（“flightID”）.value=arrArgs[2]。子字符串（arrArgs[2]。indexOf（“=”）+1）；
var text=“”；
对于（var i=0；i

好的，我想我已经搞定了……用以下内容包装您的脚本：

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


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

$（document）.ready（函数（…将所有代码放在这里。。。
)；如何导航到此页面，或者这是一个独立的/第一页？因为在显示页面之前，pageinit
会被触发一次。请将其替换为.on（'pageshow'，function（）{your code}）；
和可折叠的$（'#id'）。可折叠的（
和控制组$（'#id'）。控制组（'refresh'））
您的示例工作正常，pageinit被触发，但您的javascript不工作。为什么，天哪，为什么您要在jQuery中使用纯javascript？我尝试了Omar和Frank的建议，我仍然需要刷新。我认为Gajotres有一点，我可能应该使用jQuery而不是javascript，这对我来说更容易…对不起，亲爱的…没有法律反对混合，但对于故障排除，这对我们这些故障排除者来说更有意义。祝你好运！