2012-06-08 4 views
1

У меня есть ползунок и и тикер новостей на моей домашней странице.Контекст JQuery

Я использовал нижеследующий код в заголовке.

[1]<script type="text/javascript" src="..js/jquery.core.js"></script> 
[2]<script type="text/javascript" src="..js/jquery.superfish.js"></script> 
[3]<script type="text/javascript" src="..js/jquery.jcarousel.pack.js"></script> 
[4]<script type="text/javascript" src="..js/jquery.easing.js"></script> 
[5]<script type="text/javascript" src="..js/jquery.scripts.js"></script> 
[6]<script type="text/javascript" src="..js/common.js"></script> 

Когда я использую этот формат, мой слайдер отлично работает, но тикер новостей застревает. Ползунок использует 2-й, 3-й, 4-й и 5-й скрипты. 6-й сценарий для новостного тикера. Если я использую 6-й скрипт после первого, то тикер новостей отлично работает. Но тогда слайдер не работает.

Как использовать их для работы?

Спасибо.

+0

Если бы я был на вашем месте, я бы просто не использовал рамки. Нет фреймворков, нет конфликтов, потому что я бы назвал свои элементы сценария отдельно (или еще лучше заключил их в свои собственные закрытия, так что глобальных переменных не осталось) –

+0

@Kolink Я считаю, что это слишком строго. Как насчет чтения источника и проверки качества перед использованием плагина/рамки? Но я предполагаю, что большинство плагинов jQuery так и не передают это, так что разница действительно очень большая: D – Esailija

ответ

1

Если плагины действительно несовместимы, и вы не хотите редактировать их, чтобы исправить конфликты, это может быть решение поставить один из них в iframe, чтобы изолировать его ... Особенно, если они изолированы компоненты, которые не взаимодействуют обратно в остальной части страницы ...

0

попробовать это

<script type="text/javascript"> 
if (typeof jQuery !== 'undefined') { 
    jQuery.noConflict(); 
} 
</script> 

использовать приведенный выше код между 5-й и 6-й сценарий, и использовать jQuery вместо $ в 6th js, it может быть полезно

Смежные вопросы