После открытия новой страницы событие нажатия JQuery не может быть запущено в эмуляторе Cordova Ripple - PullRequest
Новая
       30

После открытия новой страницы событие нажатия JQuery не может быть запущено в эмуляторе Cordova Ripple

0 голосов
/ 03 ноября 2018

Это проект Cordova。 страница по умолчанию - index.html, а затем щелкните ссылку «Проверка индексации» ,

успешно введена функция '$ ("# PageIndexClickTest"). Click (function ()' 。

но если я нажму на ссылку 'Открыть страницу2' , чтобы открыть страницу2, а затем щелкните ссылку 'Страница2 нажмите кнопку проверки',

не может войти в функцию '$ ("# PageTwoClickTest"). Click (function ()'

Это странно page страница по умолчанию в порядке, но после открытия новой страницы событие JQuery Click не может быть запущено? 

index.html=>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval';">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
    <title>jQuery Mobile</title>
    <link href="css/index.css" rel="stylesheet" />
    <link href="css/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/main.css?v=31" />  

    <script src="scripts/jquery-2.1.4.js" type="text/javascript"></script>
    <script src="scripts/rollups/aes.js" type="text/javascript"></script>
    <script src="scripts/jquery.mobile-1.4.5.min.js" type="text/javascript"></script>
</head>
<body>
    <script src="cordova.js"></script>
    <script src="scripts/platformOverrides.js"></script>
    <script src="scripts/index.js"></script>

    <div data-role="page" id="page">
        <div role="main" class="ui-content">
            <div><a href="#" id="PageIndexClickTest" rel="example">Index Click Test</a></div> 
            <p><a href="page2.html" data-ajax="true">Open Page2</a></p>
        </div>         
    </div>



</body>
</html>






Page2.html=>

<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval';">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
    <title>jQuery Mobile</title>
    <link href="css/index.css" rel="stylesheet" />
    <link href="css/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/main.css?v=31" />  

    <script src="scripts/jquery-2.1.4.js" type="text/javascript"></script>
    <script src="scripts/rollups/aes.js" type="text/javascript"></script>
    <script src="scripts/jquery.mobile-1.4.5.min.js" type="text/javascript"></script>

</head>
<body>
    <script src="cordova.js"></script>
    <script src="scripts/platformOverrides.js"></script>
    <script src="scripts/index.js"></script>

    <div><a href="#" id="PageTwoClickTest" rel="example">Page2 Click Test</a></div> 

</body>
</html>





index.js=>

(function () {
    "use strict";

    document.addEventListener('deviceready', onDeviceReady.bind(this), false);

    function onDeviceReady() {


        $("#PageIndexClickTest").click(function () {

            console.log("Here1");
        });

        $("#PageTwoClickTest").click(function () {

            console.log("Here2");
        });


    };


} )();
...