我正在使用 jquery 移动版...
我有一个按钮 (data-role="button"),它调用一个执行一些 ajax 的 javascript 函数。然后,此 ajax 将一些 HTML 添加到页面。返回的 HTML 上有一个 data-role="button"但它没有以正确的 jquery 移动样式返回。
关于如何让 ajax 以正确的样式返回 jquery 而无需实际静态放入 jquery 类的任何想法?我宁愿使用数据 Angular 色来保持一致性。
最佳答案
这是可行的,但我想在循环中创建一个按钮。所以我需要很多按钮,而且只创建一个按钮。这是我的 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');
}
}
}
});
});
关于javascript - 在 ajax 的数据角色上生成 jquery 移动样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8705293/