我在 ListView 中插入了一个 JQueryMobile 按钮。当按钮被硬编码时,将应用 jquerymobile 的 css 样式。但是当我尝试以编程方式插入按钮时,样式丢失了。如何将 JQueryMobile 的 css 重新应用到按钮?
为了让大家知道我在说什么,这是我在 ListView 上插入元素的代码
//CODE TO ADD A JAVASCRIPT BUTTON TO THE LIST
var parent = document.getElementById("group-1");
var listItem;
listItem = document.createElement('li');
listItem.setAttribute('id',"group-1-row-0");
var inner= "<a href=\"#\" style=\"padding-top:0px;padding-left:0px;padding-bottom:0px\">";
inner = inner + "<div class=\"customTableLayout\">";
inner = inner + "<fieldset data-role=\"fieldcontain\" id=\"ui-softbutton\">";
inner = inner + "<input type=\"button\" id=\"ui-softbutton\" value=\"SOFTCODED\" />";
inner = inner + "</fieldset>";
inner = inner + "</div>";
inner = inner + "</a>";
listItem.innerHTML = inner;
parent.appendChild(listItem);
//WHEN YOU TRY TO ENABLE THIS CODE, THE DISPLAY BECOMES WEIRD
//$("#ui-softbutton").button();
//$("#ui-softbutton").button('refresh');
$(parent).listview("refresh");
要查看此代码的结果并查看硬编码按钮是否有效,请参阅 JFiddle
最佳答案
实例:
只需要附加 trigger('create') 方法
$(parent).listview("refresh").trigger('create');
关于css - JQuery 手机 : Programmatically inserted Button's style doesn't apply,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8153268/