Ajax请求，使用javascript更新html但样式不存在

Question

对不起，标题很奇怪，我目前正在制作一个网页，当页面在请求上加载时，我在'head'标记中调用以下两个脚本以产生很好的动态按钮效果。

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script 
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

然后，用户可以在加载的页面上更新他们的请求，我使用AJAX来收集信息。

然后，使用返回的json对象中的数据为新html生成字符串。 代码类似于以下内容，但+ =处于循环中。

htmlTag ='';                                 
htmlTag += '<div data-role="main" class="ui-content"> <div data-role="collapsible"><h5>'+ json_data[i] +'</h5></div></div>'

然后，我更新一个div，将其innerhtml用作此字符串。 html用我想要的值更新，但css / jquery不适用于按钮效果。

有谁知道为什么会这样？

第一次使用这些div类uisng jinja完美加载。

Answer 1

jQuery Mobile附加的事件在页面加载时添加到特定元素。 当您使用ajax添加这些元素时，它们将不会以与页面加载时不存在的相同方式绑定事件。

将这些动态元素添加到DOM后，需要触发jquery移动pagecreate方法。 这应该以与原始存在时相同的方式绑定它们。

在这里查看api文档