0

我有这个代码。它获取请求数据并将其显示在 DIV 中并刷新。

为什么它可以在 DIV 中显示请求的数据，例如“简单文本”，但不能显示例如这一行：

<a href="#" data-role="button">Button</a>

应用/渲染 CSS 和 jQuery.mobile 按钮样式？我错过了什么吗？

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css">
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
    <script>
      function GetData()
      {
        nocache = "&nocache=" + Math.random() * 1000000;
        var request = new XMLHttpRequest();
        request.onreadystatechange = function()
        {
          if (this.readyState == 4) {
            if (this.status == 200) {
              if (this.responseText != null) {
                document.getElementById("buttons").innerHTML = this.responseText;
              }
            }
          }
        }
        request.open("GET", "state" + nocache, true);
        request.send(null);
        setTimeout('GetData()', 1000);
      }
    </script>
  </head>
  <body onload="GetData()">
    <div id="buttons" data-role="content">  
    </div>  
  </body>
</html>
4

1 回答 1

1

将其替换document.getElementById("buttons").innerHTML = this.responseText;为

$("#buttons").html(this.responseText);

我就是做这个的。

此外，当您使用 jQuery 时，您可以将大部分用于检查就绪状态等的代码替换为$(function(){ //your code here });

然后，您也可以取消<body onload="GetDate()">并简单地拥有<body>.

于 2013-03-27T22:45:24.547 回答