2

私はjquerymobileを理解しようとしています.私がやりたかったのは、別のリンクから別のページをロードするときにjavascriptを実行することです.メニューからサブメニュー1までは非常にうまく機能しますが、サブメニュー1から1-1までは機能しません.. .

メインサイトメニュー(index.php)→サブメニュー1(menu1.php)→サブメニュー1-1(menu11.php)

ここに私のコードがあります:

インデックス.php

<div data-role="page" id="main">
    <div data-role="header" id="cosito" align="center" style="font-size:36px; font-family:'Naturelle'">avant</div>
    <div class="titulo" align="center">Menu</div>
    <div id="menu_">
        <a href="cartelera.php" data-rel="page" data-transition="slide" class="btnChiqui">
            <img src="img/rollo.png">
            <span>Cartelera</span>
        </a>
     </div>
</div>

Menu1.php (index.php のサブメニュー)

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript" src="js/allscripts.js"></script>
<div data-role="page" id="sala_cines" data-add-back-btn="true" data-back-btn-text="Atras">
    <div data-role="header" id="cosito" align="center" style="font-size:36px; font-family:'Naturelle'">Sala de Cines</div>
    <div id="menu_">
        <a href="cine.php" data-rel="page" data-transition="slide" class="btnChiqui">
            <img src="img/rollo.png">
            <span>Shopping del Sol</span>
        </a>
     </div>
</div>

Menu11.php (ここの menu1.php のサブメニューは、私の touchslider が動作していない場所です)

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript" src="js/allscripts.js"></script>
<div data-role="page" id="cine_detalle" data-add-back-btn="true" data-back-btn-text="Atras">
    <div data-role="header" align="center" style="font-size:36px; font-family:'Naturelle'">Cine 1</div>
      //Stuff here
</div>

私の allscripts.js

$('#cine_detalle').live("pagecreate", pageInitializationHandler);   
    $('#estrenos').live("pagecreate", pageInitializationHandler);   
    $('#sala_cines').live("pagecreate", pageInitializationHandler);

    function pageInitializationHandler(event) {
        alert("Ok");
         touchslider.createSlidePanel('#slidebar', 190, 5);
      }

何が間違っているのですか？どんな助けでも大歓迎です、ありがとう、そして良い一日を！

4

1 に答える 1

1

rel="external"別のページへのリンクを追加してみてください

jQuery Mobile の Web サイトで詳細を確認できます。

于 2012-06-26T13:25:45.973 に答える