加载的AJAX内容突破DIV标记

时间:2009-08-24 17:23:17

标签: javascript jquery ajax

您好。 我是Java / AJAX等的新手。 我有一个页面,左边是链接,右边是DIV。 当用户点击左边的链接时,我希望在DIV中加载内容(其他页面)...我想是初学AJAX的东西。

我玩了几个JQery插件,发现一个允许页面加载淡入淡出效果,这是完美的。我有一个问题:

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

我上传了我的网站here的精简示例: 这是插件网站: www.thecreativeoutfit.com/index.php?view=Simple-AJAX-Content-Changer-with-EZJax (因为我是新用户,我无法添加任何内容更多链接,对不起为长期而言。)

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

非常感谢!

最高

2 个答案:

答案 0 :(得分:0)

我打算发表评论,但它太长了所以,那是什么......

在Windows XP上运行的Firefox中,您的网站对我来说效果很好(除了可用的页面除外)。

但是,我强烈建议不要使用这种类型的设计 - 从长远来看,这对你来说是一件痛苦的事情,因为它违背了网络的运作原则,所以它通常被认为是糟糕的设计:你的不同页面网站应由您网站的用户可用于链接的不同网址表示。它还打破了浏览器后退按钮功能,这是一个很大的可用性问题(至少对我而言)。

另外,它不会对SEO友好 - 这意味着Google等搜索引擎不会认为高度重视您的网站 - 这意味着您不会出现在搜索中。

答案 1 :(得分:0)

您嵌套的页面正在破碎,因为在第一页导致使用正常href属性后,JavaScript点击事件未重新附加到分页控件。