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文檔