два внешних css-файла с одинаковыми тегами имен div # #tainer, вызывающие проблемы с позиционированием двух объектов

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;
}       

Любые идеи здесь ребята?

  • 0
    Вы можете редактировать что-нибудь? JS, CSS? Я не вижу решения, если вы не измените ID в одном из сценариев.
  • 0
    Да, я могу редактировать.
Показать ещё 2 комментария
Теги:
tags
conflict

1 ответ

0
Лучший ответ

Добавьте класс page-peel-container для рисования страницы в основной контейнер каждой страницы, который вы хотите очистить. Это означает самый первый <div> на странице!

На домашней странице это будет выглядеть так:

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

На странице контактов это будет выглядеть так:

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

И так далее.

Теперь, как и в прошлый раз, найдите 2 бита в Javascript, где он говорит $("#container").prepend или $("#containermain").prepend Если вы не изменили его после нашей первой неудачной попытки. Замените его на $(".page-peel-container").prepend

Дайте мне знать, если это все еще не сработает.

  • 0
    Спасибо Адам. Сейчас попробую. Но обратите внимание, что div на моей главной странице имеет то же имя. Тем не менее, я дам отзыв в ближайшее время.
  • 0
    На странице уже есть имя контейнера. Должен ли я все еще попробовать это?
Показать ещё 10 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню