javascript - CSS Hover 和 Javascript 在一个页面上工作而不在另一个页面上工作?

标签 javascript html css

好吧,我在这里寻求了一些帮助,让悬停和点击设置适用于三张图片。

如果你去http://www.djcproductions.net/test.html您可以看到一切都在完美运行。

但是,当我将元素复制并粘贴到实际布局中时,它不会悬停。我已经盯着代码看了至少六个小时,四处移动,改变我认为可能导致它的任何东西,但我就是想不通。我有一种感觉,这是我错过的其中一件事,因为我一直盯着它看。

加载到布局中的内容可以在http://www.djcproductions.net找到。

如果有人可以查看这两个页面的源代码,并可能发现我做错了什么,那将是您无法想象的感激之情——这让我发疯。

谢谢!

*EDIT* 我在另一台计算机上检查过这个 - 在 IE 中,悬停仍然不起作用,但三个图像显示并在点击时交换。在 chrome 中,只有网页设计和网络托管图像显示,广告图像无处可寻,但悬停和点击功能都有效。有什么想法吗?

最佳答案

我看到您没有使用 window.onload,这可能会导致问题...或使用 jQuery .ready()

关于javascript - CSS Hover 和 Javascript 在一个页面上工作而不在另一个页面上工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10038118/

相关文章:

javascript - KnockoutJS 删除动态绑定(bind)

html - anchor 链接在页面内不起作用

html - div css3名称问题

javascript - 如何确保 Fetch API 中的数组已填充?

javascript - 使用克隆时可拖动/可放置从原始元素获取数据/属性

javascript - odoo 16 协调翻译不起作用

java - 使用 Selenium WebDriver 单击 Gmail 中的撰写按钮

javascript - Angular Material 中居中对齐的网格列表

html - 如何链接外部 css 来覆盖居中元素的引导 css?

JQuery + CSS - flex/弹跳滚动溢出 :auto