Question

我正在使用.load（＆＃39; settings.html＆＃39;）函数加载到另一个div中

正在加载的settings.html页面包含：

<div style="text-align: center; border: 1px solid black">
    Application Settings: <br>
    <a href="#" onclick="resetApp()" data-role="button">Reset Application Key</a>
</div>

问题是该按钮没有按照jquery移动按钮数据角色进行格式化。如果我将它放在我的主页面上，按钮会正确显示，而通过加载功能，它就是一个简单的链接。

我在这里弄错了什么？

Answer 1

加载settings.html后，使用enhanceWithin()增强按钮的标记和css。给你的div一个类并在加载后增强它

在此处阅读更多内容 - https://api.jquerymobile.com/enhanceWithin/

演示取出增强功能，即使您追加它也无法正常呈现

https://jsfiddle.net/5es81kgd/

<强>代码

$('.but').append('<a href="#" onclick="resetApp()" data-role="button">Reset Application Key</a>').enhanceWithin();

jQuery mobile data-role =＆＃34; button＆＃34;不格式化

1 个答案: