Jquery Mobile - $ .mobile.navigate를 사용한 후에 이벤트가 연결되지 않는다

$ .mobile.navigate를 사용하여 페이지를 변경하면 페이지가로드되지만 사용자 정의 스크립트는 요소에 바인딩되지 않습니다. 페이지를 새로 고치면 사용자 정의 스크립트가로드되어 요소에 바인딩됩니다. 이 선택 요소에 바인딩 된 이벤트

<select name="calc-Nav" id="calc-Nav"> 
    <option value="a.php">A</option> 
    <option value="b.php">B</option> 
    <option value="c.php">C</option> 
</select>

: 내가 페이지 사이를 선택할 수있는 선택 요소가 또한

$("#calc-Nav").on("change", function (e) { 
    var opt = $("#calc-Nav option:selected").val(); 
    if (opt) { 
     e.preventDefault(); 
     $.mobile.navigate(opt); 
    } 
});

을, 나는 다음과 같은 순서로 내 자바 스크립트 파일을 사용하고 있습니다 :

<script src="jquery.js"></script> 
<script src="custom-scripting.js"></script> 
<script src="jquery-mobile.js"></script>

누구나 아이디어를 얻는 방법이 있습니까?

감사합니다.

편집 : 다음은 모든 페이지에 사용되는 템플릿입니다. 이것은 각 페이지의 표준 템플릿입니다.

<!DOCTYPE html> 
<html> 
<head> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"> 
</head> 
<body> 
    <div data-role="page"> 
     <div data-role="header"> 
      <div class="ui-field-contain"> 
       <select name="calc-Nav" id="calc-Nav"> 
        <option value="Index.php">Home</option> 
        <option value="a.php">a</option> 
        <option value="b.php">b</option> 
        <option value="c.php">c</option> 
       </select> 
      </div> 
     </div> 
    <div data-role="main" class="ui-content"> 
     <div id="index"> 
      <h1> Form goes Here. </h1> 
     </div> 
    </div> 
    <div data-role="footer"> 
     <h1>Footer</h1> 
    </div> 
</div> 
</body> 
    <script src="http://code.jquery.com/jquery-1.9.0.js"></script> 
    <script src="js/formulas.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script> 
</html>

출처

2014-04-09 ButtScratch

당신은 아직도 jqmobile 스크립트

출처

2014-04-09 17:42:24 Michael

행운 후 사용자 지정 스크립트에 대한 링크를 추가해야합니다 문서

try-

$(document).on("change","#calc-Nav", function (e) { var opt = $("#calc-Nav option:selected").val(); if (opt) { e.preventDefault(); $.mobile.navigate(opt); } });

에 바인딩해야합니다. 새로 고침 후보기 소스가 나타납니다. 어떤 생각 – ButtScratch

@ButtScratch 각 페이지에이 선택 상자가 있습니까? 전체 코드 페이지를 js로 표시 할 수 있습니까? – Michael

Jquery Mobile - $ .mobile.navigate를 사용한 후에 이벤트가 연결되지 않는다

답변

관련 문제