0

我对网页上使用外部 CSS 和外部 js 调用各自函数的两个不同对象有疑问。仅使用一个脚本（页面剥离脚本）时，页面剥离效果在所有页面（www.cxchelp.com）上正常显示。但是，当将脚本添加到具有 CSS 表单脚本的页面时，剥离效果会从其位置移动到与 CSS 表单对齐的页面的中间边缘（参见：http://www.cxchelp. com/contact_error.html）。

我检查了两个外部脚本并意识到它们都由“#container”定位

我知道他们都使用“#container”这一事实导致了定位问题。但我的问题是我该怎么做才能防止这种冲突？

这东西已经把我打了好几个小时了，我有点受够了。

这是（部分）第一个 .js 脚本（用于页面剥离效果），其中提到了“#container”；

$('#container').prepend('<div id="jcornerSmall" style=" position:absolute;width:100px;height:100px;z-index:9999;right:0px;top:0px;">

这是（部分）联系表单的 CSS 脚本，以及两个对象都卡在的位置；

#container {    
margin:0 auto;
background:#fff;
width:580px;
padding:20px 40px;
text-align:left;
}

这里有什么想法吗？

4

1 回答 1

0

将一类添加到要剥离效果的每个页面page-peel-container的主容器中。这意味着页面上的第一个！<div>

在主页上，这看起来像：

<body>
    <div id="container" class="page-peel-container">

在联系页面上，这看起来像：

<body>
    <div id="containermain" class="page-peel-container">

等等。

现在，像上次一样，在 Javascript 中找到它所说的 2 位，$("#container").prepend或者$("#containermain").prepend在我们第一次尝试失败后您还没有将其改回来。将其替换为$(".page-peel-container").prepend

如果这仍然不起作用，请告诉我。

于 2013-11-10T22:22:19.363 回答