Framework7动态AJAX加载页面不起作用答案

【问题标题】：Framework7 dynamic AJAX loaded pages not workingFramework7动态AJAX加载页面不起作用
【发布时间】：2016-05-24 21:46:14
【问题描述】：

我正在构建一个 framework7 应用程序，由于已对一个页面进行了大量编辑，因此页面中加载的 AJAX 已停止工作。我感觉这与我之前遇到过这个问题的结构有关，但我需要有更多经验或更好大脑的人来帮助我解决这个问题。

问题在于链接到 chat.html 页面的代码末尾的链接。他们只是不工作。

谢谢

【问题讨论】：

【解决方案1】：

您的 html 需要很少的更改，页面的主视图包装器，my-app.js 中的主视图的初始化。我在这里更新了你的 html Updated html code

<div class="views"><div class="view view-main"></div></div>

当一个视图在framework7中初始化时，它会初始化其中的链接和其他组件。希望对您有所帮助。

【讨论】：

感谢您的帮助，但问题仍未解决。我现在可以滑动页面在它们之间移动，但链接仍然没有任何作用。我已经用所有需要的文件更新了我的 jsfiddle。右转两次进入聊天页面jsfiddle.net/bub4svxz/2
您是动态附加 html 吗？因为当您动态附加选项卡/滑动器时，您需要手动初始化。在您最新的小提琴中，我没有在 html 中看到主视图包装器。framework7 需要一个视图
我在您的 fiddle 上的页面包装器周围添加了视图和视图主包装器。它工作正常。试试看。
啊，是的，我忘了添加更改。这里jsfiddle.net/bub4svxz/3还是同样的问题
它的链接不起作用，在聊天页面上有chat.html的链接。它不会加载其他页面

【解决方案2】：

经过反复试验，我发现启用内联页面可以解决我的问题，即使我正在加载的页面不是内联的。

var mainView = myApp.addView('.view-main', {
    domCache: true //enable inline pages
});

【讨论】：