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 に答える