当前位置：文江博客话题详情

jQuery 幻灯片放映在更改图像时将页面滚动到顶部

发布于 2024-12-05 03:33:11 字数 155 浏览 1 评论 0原文

我刚刚在我们公司的网站上添加了一个 jQuery 幻灯片，除了每次图像更改时页面都会跳到顶部之外，一切都运行良好，我一生都无法弄清楚为什么！

有问题的网站是 www.fireguardservices.com

我对此有点陌生，所以请保持温柔，并提前感谢所有帮助:)

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

长安忆 2024-12-12 03:33:11

如果您查看页面后面的代码，您会发现原始 HTML 文档中嵌入了完整的 HTML 文档，这是一个很大的禁忌，并且可能会导致此类问题。第二个 HTML 文档从第 126 行开始。

您需要将 HTML 和 javascript 代码移出第二个 HTML 文档，将其放置在主 HTML 文档中，然后删除第二个 HTML 文档。

希望有帮助！

UPDATE

HTML 文档的结构应该是这样的：

<html>
  <head>

  </head>

  <body>

  </body>
</html>

应该只打开和关闭一个标签，一个 < /code> 标签打开和关闭，以及一个标签打开和关闭。

如果您查看页面源代码，您会发现第二个和导致了问题。标记无效，但浏览器足够聪明，可以猜测您想要执行的操作，这就是为什么它看起来不错，但功能不太正确。

要修复此问题，请执行以下操作：

删除第 127 行 ()
删除第 128 行（主页幻灯片放映）
删除第 129 行和第 130 行（您已经在文档中进一步包含了 jQuery，因此无需再次添加）
删除第 148 行 ()
删除第 149 行 ()
删除第 151 行 ()

应该可以解决问题。

完成后，通过 W3 Validator 运行页面并修复任何其他验证问题。

我从来没有遇到过 jQuery Cycle 的此类问题（尽管其他人报告了类似的事情发生这里）所以我只能猜测问题出在你的标记上；解决这个问题，你应该是金色的。

If you look in the code behind the page you've got a full HTML document embedded inside you original HTML document, which is a big no-no, and would probably cause this sort of problem. The second HTML document begins at line 126.

You need to move the HTML and javascript code out of this second HTML document, place it in the main HTML document, and then delete that second HTML document.

Hope that helps!

UPDATE

The structure of an HTML document should be like this:

<html>
  <head>

  </head>

  <body>

  </body>
</html>

There should only ever be one <html> tag opened and closed, one <head> tag opened and close, and one <body> tag opened and closed.

If you look at your page source you've got a second <head> and <body> which are causing the problem. The markup is invalid but browsers are clever enough to guess at what you were trying to do which is why it looks ok, but doesn't function quite right.

To fix it, do the following:

Remove line 127 (<head>)
Remove line 128 (<title>Home Page Slide Show</title>)
Remove lines 129 and 130 (you're already including jQuery further up in your document so you don't need to add it again)
Remove line 148 (</head>)
Remove line 149 (<body>)
Remove line 151 (</body>)

That should do the trick.

Once you've done that run your page through the W3 Validator and fix any other validation problems.

I've never had these sort of problems with jQuery Cycle (though someone else has reported a similar thing happening here) so I can only guess that the problem is with your markup; fix that and you should be golden.

回复收藏 0 原文