0

外部 CSS と外部 js を使用してそれぞれの関数を呼び出す Web ページ上の 2 つの異なるオブジェクトに問題があります。スクリプト (ページ ピール スクリプト) を 1 つだけ使用すると、すべてのページ (www.cxchelp.com) でページ ピール効果が正常に表示されます。ただし、スクリプトが CSS フォーム スクリプトを含むページに追加されると、ピール効果はその位置から移動し、CSS フォームに合わせてページの中央端に移動します (参照: http://www.cxchelp. com/contact_error.html )。

両方の外部スクリプトを確認したところ、両方とも「#container」によって配置されていることがわかりました

どちらも「#container」を使用しているという事実が、配置の問題を引き起こしていることを私は知っています。しかし、私の質問は、この競合を防ぐために何をすべきかということです.

このことは、数時間の間、私を際限なく打ち負かしており、私はちょっとうんざりしています.

これは、「#container」が言及されている最初の .js スクリプト (ページ ピール効果用) (の一部) です。

$('#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 に答える