2012-04-24 2 views
2

jquerymobile을 이해하려고하는데 다른 링크에서 다른 페이지를로드 할 때 자바 스크립트를 실행하는 것이 좋습니다. 메뉴에서 하위 메뉴 1까지 아주 잘 작동하지만 하위 메뉴 1에서는 작동합니다. > 하위 메뉴 1 (menu1.php) - -> 하위 메뉴 1-1 (menu11.php)WebApp ajax가 jQueryMobile과 함께 로딩되지 않습니다.

여기가 1-1로

가 이

홈페이지 사이트 메뉴 (의 index.php가) ... 작동하지 않습니다 내 코드 :

Index.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> 
,363,210

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

<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

(여기 menu1.php의 하위 메뉴가 어디에 내 touchslider를 작동하지 않는 경우)
$('#cine_detalle').live("pagecreate", pageInitializationHandler); 
    $('#estrenos').live("pagecreate", pageInitializationHandler); 
    $('#sala_cines').live("pagecreate", pageInitializationHandler); 

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

무엇이 잘못 되었나요? 어떤 도움을 주셔서 감사합니다, 그리고 좋은 하루 되세요!

답변

1

다른 페이지를 가리키는보십시오 링크 rel="external" 추가는

당신은 찾을 수 있습니다 더에 jQuery Mobile website

관련 문제