css - 如何使用 jquery 在 ajax 响应上应用完整的 css

Question

我们正在使用 jQuery Mobile 框架构建一个单页应用程序。我们的情况是我们不想使用默认行为，即劫持 href 链接并将其呈现为 ajax 响应，因为实际上，页面更改会导致屏幕闪烁一点，我们不希望这种情况发生。因此，为避免这种情况，我们将编写自己的 ajax 调用到服务器以获取特定数据并使用来自服务器的响应更新页面上的内容。但是，这样做时，任何需要绑定在响应上的 javascript 和响应 HTML 上的 Css 样式都会完全丢失。

有人可以建议为通过 Ajax 接收的 html 重新绑定/刷新 JS 和 CSS 的最佳方法。

Answer 1

阅读JQM 文档中的“增强新标记” 。该trigger('create')事件应该解决这个问题：

$( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );