jQuery 移动数据角色="button" 未格式化

Question

我正在使用

中的 .load('settings.html') 函数加载到另一个 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 移动按钮数据角色进行格式化。如果我把它放在我的主页上，按钮会正确显示，而通过加载功能，它是一个简单的 link.

我哪里错了？

Answer 1

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

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

Demo 把enhance拿出来看，即使追加也不能正常渲染

https://jsfiddle.net/5es81kgd/

代码

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

jQuery 移动数据角色="button" 未格式化

jQuery mobile data-role="button" not formatting

button

jquery-mobile