JQuery Mobile pageCreate не спрацоўвае на старонцы Паўтаранасць

Вось мой сцэнар: Я будую вэб-дадатак для убудаванага карыстацкага інтэрфейсу сістэмы. Я планую выкарыстоўваць jQuery Mobile, таму што гэта неверагодна слізкім. У мяне ёсць адна старонка ў шаблоне файла адбываецца. У мяне ёсць файл з імем processinputs.html, які паказаны ніжэй. Усё гэта робіць навігацыю вас input.html з парамі запыту выбарам нумары канала.

Праблема: першы раз, калі я ад processinputs.html да inputs.html я = 3 усё працуе выдатна ?. Загаловак і спасылка мадыфікуецца. Хоць, калі я вярнуся да processinputs.html і націсніце на спасылку ўводу 3 разоў падзея не звольняць, і таму мой загаловак не абнаўляецца.

Я мяркую, што гэта звязана з AJAX загрузкі старонкі з кэша і, такім чынам, не выклікаючы «pagecreate» падзея. Я таксама паспрабаваў «pageinit» і «pagebeforecreate». У маім файле project.js я паспрабаваў адключыць domCache і Аякса, але гэта, здаецца, не працуе. Вы ўбачыце, што я жорстка «отн = знешні» для ўваходу 1 на processinputs.html. Гэта працуе кожны раз, але на самой справе jQMobile настолькі халаднавата з-за загрузкі AJAX і анімацыі. Калі вы можаце дапамагчы мне зразумець, як абыйсці кэшаванне, я быў бы вельмі ўдзячны.

$(document).bind("mobileinit", function(){
$.mobile.ajaxLinksEnabled=false;
$.mobile.ajaxFormsEnabled=false;
$.mobile.ajaxEnabled=false;
$.mobile.page.prototype.options.domCache = false;

});

Цяпер абяцанага processinputs.html

<html>
<head>
    <link rel="stylesheet" href="css/jquery.mobile-1.0rc2.css" />
    <link rel="stylesheet" href="css/styles.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/project.js"></script>
    <script src="js/jquery.mobile-1.0rc2.js"></script>

    <meta name="viewport" content="width=default-width, initial-scale=1" />
</head>
<body>
    <div data-role="page" data-add-back-btn="true" data-cache="never">
        <div data-role="header" data-position="inline">
            <div class="topTitle">Process Inputs</div>
            Home
        </div><!--  header -->

        <div data-role="content">   
            <div class="instructionText">Select an input</div>

            <div>  <!-- Container around button options -->
                Input 1
                Input 2
                Input 3
                Input 4
                Input 5
                Input 6
                Input 7
                Input 8
            </div>
        </div><!-- /content -->

        <div data-role="footer">
            <div class="footerText">A Senior Design G13 Project
        </div><!-- /footer -->

    </div><!-- /page -->
</body>

input.html takes the query param and uses it to modify the header of input.html as well as the query param for the three links on the page. The code is shown below:

    <link rel="stylesheet" href="css/jquery.mobile-1.0rc2.css" />
    <link rel="stylesheet" href="css/styles.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/project.js"></script>

    <script type="text/javascript">
        $('.inputPage').live('pagecreate', function (event, ui) {
            var inum = $.urlParam('i');
            $('#inputTitle').text('Process Input ' + inum);
            $('#eqLink').attr('href','eq.html?i=' + inum)
        });

       //$('div').live('pagehide', function(event, ui){
       //      var page = jQuery(event.target);
       //      if(page.attr('data-cache') == 'never'){
       //        page.remove();
       //      };   
       //    });
    </script>
    <script src="js/jquery.mobile-1.0rc2.js"></script>
</head>
<body>
    <div data-role="page" data-add-back-btn="true" data-cache="never" class="inputPage">
        <div data-role="header" data-position="inline">
            <div class="topTitle" id="inputTitle"></div>
            Home
        </div><!--  header -->

        <div data-role="content">   
            <div class="instructionText">Select one.</div>

            <div>  <!-- Container around button options -->
                Equalization
                Compression
                Limiting
            </div>
        </div><!-- /content -->

        <div data-role="footer">
            <div class="footerText">A Senior Design G13 Project
        </div><!-- /footer -->

    </div><!-- /page -->
</body>
0
Усе JavaScript для кожнай старонкі павінны быць на старонцы каранёвай (index.html або што-небудзь старонка загружаецца першая)
дададзена аўтар Phill Pafford, крыніца
адправіў у адказ
дададзена аўтар Phill Pafford, крыніца
Выдатна! Гэта падзейнічала. Божа мой ... простыя рэчы.
дададзена аўтар Matt Webb, крыніца

1 адказы

Усе JavaScript для кожнай старонкі павінны быць на старонцы каранёвай (index.html або што-небудзь старонка загружаецца першая)

1
дададзена
@cherouvim вы павінны праверыць jQM затым: jsfiddle.net/jGT4B (jQM не загружаны) <а HREF = "http://jsfiddle.net/jGT4B/1/" отн = "NOFOLLOW noreferrer"> jsfiddle.net/jGT4B/1 (jQM загружаны)
дададзена аўтар Phill Pafford, крыніца
А што, калі карыстальнік непасрэдна наведвае /input.html?i=2 ?
дададзена аўтар cherouvim, крыніца