加载的 AJAX 内容突破 DIV 标签答案

【问题标题】：Loaded AJAX content breaking out of DIV tag加载的 AJAX 内容突破 DIV 标签
【发布时间】：2009-12-05 10:08:40
【问题描述】：

嗨。我是 Java/AJAX 等的新手。我有一个页面，左边有链接，右边有一个 DIV。当用户单击左侧的链接时，我希望内容（其他页面）加载到 DIV 中......我猜是初学者 AJAX 的东西。

我玩了几个 JQery 插件，发现一个可以让页面加载带有淡入淡出效果的插件，非常完美。我有一个问题：

当我单击父页面上的链接时，该插件工作正常，但是当我单击其中一个加载页面中的链接时，在一个链接深度之后，它会脱离 div 并替换我的父页面。（这个问题在插件页面上有所描述，据说已经解决，但仍然出现在我的页面上）。我怀疑它与“绑定”变量有关。

我上传了我的网站here 的精简示例：这是插件网站：www.thecreativeoutfit.com/index.php?view=Simple-AJAX-Content-Changer-with-EZJax（因为我是新用户，我无法添加任何更多链接，对不起，长篇大论）。

对于那些愿意查看我的网站或插件的人，我非常感谢您的见解。如果这很麻烦，也许您可以推荐一个类似的简单 ajax 插件，它允许加载具有淡入效果的内容，但也允许加载内容中的链接保留在原始 div 中。

非常感谢！

最大

【问题讨论】：

【解决方案1】：

我本来打算发表评论的，但它太长了，所以，到底是什么..

您的网站在 Windows XP 上运行的 Firefox 中对我来说运行良好（除了不可用的页面）。

但是，我强烈建议您不要使用这种设计 - 从长远来看，您要维护它会很痛苦，而且它通常被认为是糟糕的设计，因为它违反了网络的功能原则：您的不同页面网站应该由您网站的用户可以用来链接到的不同 URL 表示。它还破坏了浏览器后退按钮功能，这是一个很大的可用性问题（至少对我而言）。

另外，它不会对 SEO 友好 - 这意味着像 Google 这样的搜索引擎不会认为您的网站 - 这意味着您不会出现在搜索中。

【讨论】：

同意这不是设计网站的好方法。那它可能是一个学习ajax的练习网站...
不过，他描述的问题并没有在我的浏览器中发生（Windows 上的 Firefox）
感谢您的指点。我们的网页设计师离开了，所以我用我所拥有的一点知识来整理这些东西。我意识到 HTML 表格布局不是很好，所以我正在开发 CSS 版本。现在我正试图让 AJAX 工作。（在插件页面上，它说系统是 SEO 友好的，因为它“保持 HREF 完好无损”）无论如何，当我单击大颜色方块下方的编号页面链接之一时，就会出现问题。如果您继续单击这些数字以逐页获取，则在大约第二次单击后，链接会从 DIV 中断开。
重现步骤：单击项目 -> 扇区 1 -> 项目 1。单击页面 2。单击页面 1。-> 整页我看到加载页面 2 时 A 标记未绑定到 ajax 偶数处理程序。不知道为什么，但一种解决方法是在加载子页面时重新绑定所有链接。
抱歉，我修复了错误链接。它仍在为我破坏 DIV。

【解决方案2】：

您的嵌套页面正在中断，因为在第一页之后没有将 JavaScript 点击事件重新附加到分页控件，导致使用正常的 href 属性。

【讨论】：