は、私はいくつかのAJAXを実行するJavaScript関数を呼び出すボタン（データ-役割は=「ボタン」）を持っている...私はjqueryの携帯電話を使用していますajax'dデータ-役割

Question

に

をjqueryのモバイルスタイリングを生成します。このajaxはページにいくつかのHTMLを追加します。返されるHTMLにはdata-role = "button"がありますが、正しいjqueryモバイルスタイルで返されません。

jQueryクラスを実際に静的に入れないで、正しいスタイルでjQueryを返すにはどうすればよいですか？私は、一貫性のためにデータロールを使用することをお勧めします。

Answer 1

これを行う代理人がいないため、手動でhtmlを強化する必要があります。 は好ましくはすぐに:)

//document or place where are the buttons 
$(document).trigger("create"); 

Answer 2

をHTMLを追加した後にこれは作品ですが、私は、ループ内のボタンを作成します。私は必要なボタンがたくさんあります。ボタンを作成するのは1つだけです。ここに私のjavascriptコードは次のとおりです。

$(document).ready(function() { 
     $.ajax({ 
      type: "POST", 
      datatype: "JSON", 
      url: "/Home/SeferleriGetir", 
      success: function (returnData) { 
       if (returnData.ok) { 
        debugger; 
        for (var i = 0; i < returnData.data.length; i++) { 
         var html = ""; 
         html += "<li>"; 
         html += "<a href='' data-role='button' data-icon='arrow-r' data-iconpos='right' style='width: 100%'>"; 
         html += "<div style='font-size: 14px; display: inline'>"; 
         html += "<div style='text-align: left'><div style='width: 50%; display: inline-block; color: #ff0000'><div style='display: inline; width: 50%; text-align: left;'>" + returnData.data[i].firmaAdi + "</div></div>"; 
         html += "<div style='width: 50%; display: inline-block'><div style='display: inline'>Fiyat :</div><div style='display: inline; text-align: right; color: #ff0000'>" + returnData.data[i].fiyat + " <span>TL</span></div></div></div>"; 
         html += "<div style='text-align: left'><div style='width: 50%; display: inline-block'><div style='display: inline; text-align: left'>H. Saati :</div><div style='display: inline; color: #2192b8'>" + returnData.data[i].kalkisSaati + "</div></div>"; 
         html += "<div style='width: 50%; display: inline-block'><div style='display: inline; text-align: right'>Süre :</div><div style='display: inline; color: #2192b8'>" + returnData.data[i].seferSuresi + "</div></div></div>"; 
         html += "<div style='text-align: left'><div style='width: 50%; display: inline-block'><div style='display: inline'>O. Tipi:</div><div style='display: inline; color: #2192b8'>" + returnData.data[i].otobusTipi + "</div></div>"; 
         html += "<div style='width: 50%; display: inline-block'><div style='display: inline'>S. Tipi:</div><div style='display: inline; color: #2192b8'>" + returnData.data[i].seferTipi + "</div></div></div>"; 
         html += "<div style='text-align: left'><div style='display: inline;'>Güzergah :</div><div style='display: inline; color: #2192b8'>" + returnData.data[i].guzergah + "</div></div>"; 
         html += "</div>" 
         html += "</a></li>"; 
         $("#ulSeferler").append(html).trigger('create'); 
        } 
       } 
      } 
     }); 
    }); 

}