Jquery mobile Java脚本发行$（document）.on/live/bind不工作_Jquery Mobile_Page Init

Jquery mobile Java脚本发行$（document）.on/live/bind不工作

jquery-mobile

Jquery mobile Java脚本发行$（document）.on/live/bind不工作,jquery-mobile,page-init,Jquery Mobile,Page Init,我试图在通过ajax调用加载的页面上实现一个随机答案。我使用的是jquery移动包容性布局。因此，我在div数据滚动容器中添加了一个简单的java脚本，并通过$（document）.live或$（document）.on或$（document）.bind对其进行初始化，就像这里的许多答案或建议一样。当我使用正常的警报功能时，一切正常。像这样 <script> $(document).live('pageinit', "#answerPage", function (event

我试图在通过ajax调用加载的页面上实现一个随机答案。我使用的是jquery移动包容性布局。因此，我在div数据滚动容器中添加了一个简单的java脚本，并通过$（document）.live或$（document）.on或$（document）.bind对其进行初始化，就像这里的许多答案或建议一样。当我使用正常的警报功能时，一切正常。像这样

<script>
    $(document).live('pageinit', "#answerPage", function (event) {
               alert("Page Initialized");
         });
</script>


$（document）.live（'pageinit'，“#answerPage'，函数（事件）{
警报（“页面已初始化”）；
});

此外，当我将脚本添加到普通html页面时，它也可以正常工作

因此，当我使用警报时，我使用函数getanswer（），它不起作用。我做错了什么？谢谢你的帮助

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Title</title> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

    </head> 
<body>

<div data-role="page" id="answerPage" data-theme="b" data-add-back-btn="true">

     <script>
    $(document).on("pageinit", "#answerPage", function(event) {
            function getanswer() {
                    var r_text = new Array ();
                        r_text[0] = "A";
                        r_text[1] = "B";
                        r_text[2] = "C";
                        r_text[3] = "D";
                        r_text[4] = "E";
                        r_text[5] = "F";
                        r_text[6] = "G";
                    var i = Math.floor(7*Math.random());
                    document.getElementById("ShowAnswer").innerHTML = r_text[i];
                    };

          });
     </script>

     <div data-role="header" data-position="fixed" data-theme="b">
         <div id="ShowAnswer"> </div>   

     </div>
</div>
</body>
</html>


标题
$（文档）。在（“pageinit”，“answerPage”，函数（事件）{
函数getanswer（）{
var r_text=新数组（）；
r_text[0]=“A”；
r_text[1]=“B”；
r_text[2]=“C”；
r_text[3]=“D”；
r_text[4]=“E”；
r_text[5]=“F”；
r_text[6]=“G”；
var i=Math.floor（7*Math.random（））；
document.getElementById（“ShowAnswer”）.innerHTML=r_text[i]；
};
});

您忘记调用函数

getanswer（）

…
见：


试验
$（文档）。在（“pageinit”，“answerPage”，函数（事件）{
getanswer（）；
});
函数getanswer（）{
var r_text=新数组（）；
r_text[0]=“A”；
r_text[1]=“B”；
r_text[2]=“C”；
r_text[3]=“D”；
r_text[4]=“E”；
r_text[5]=“F”；
r_text[6]=“G”；
var i=Math.floor（7*Math.random（））；
document.getElementById（“ShowAnswer”）.innerHTML=r_text[i]；
};

<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Test</title>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>

<body>
  <div data-role="page" id="answerPage" data-theme="b" data-add-back-btn="true">
     <div data-role="header" data-position="fixed" data-theme="b">
       <div id="ShowAnswer"></div>
     </div>
  </div>

  <script>
    $(document).on("pageinit", "#answerPage", function(event) {
      getanswer();
    });

    function getanswer() {
      var r_text = new Array ();
      r_text[0] = "A";
      r_text[1] = "B";
      r_text[2] = "C";
      r_text[3] = "D";
      r_text[4] = "E";
      r_text[5] = "F";
      r_text[6] = "G";
      var i = Math.floor(7*Math.random());
      document.getElementById("ShowAnswer").innerHTML = r_text[i];
    };
   </script>
</body>
</html>