Как исправить конфликт скриптов

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
 jQuery(function($) {
$(document).on("scroll",function(){
    if($(document).scrollTop()>100){
        $("header").removeClass("sticky-header").addClass("sticky-header-small");
    } else{
        $("header").removeClass("sticky-header-small").addClass("sticky-header");
    }
});
})(jQuery);
</script>

• 
  Вопрос задан

  более трёх лет назад
  

• 2279 просмотров

Минуточку внимания

На сайте установил скрипт плавающей подсказки. Возникает конфликт, не хочет работать скрипт плавающих подсказок. А как только убираю <script type=”text/javascript”>jQuery.noConflict();</script> ТО! Подсказки начинают работать а выпадающее меню перестает работать.

Помогите решить этот конфликт!

<script src=”http://code.jquery.com/jquery-latest.js” type=”text/javascript”></script>
<script src=”<?php echo $xtc->templateUrl; ?>js/bootstrap.js” type=”text/javascript”></script>
<script type=”text/javascript”>jQuery.noConflict();</script>
<script src=”<?php echo $xtc->templateUrl; ?>js/jTooltip.jquery.js” type=”text/javascript”></script>
<script type=”text/javascript”>
$(document).ready(function(){
$(“.tooltip”).jTooltip({
type : “mousemove”
});
});
</script>

уже и местами менял в разных вариантах. ничего не идет.

не решайте последствия, устраняйте причину
Нельзя (ну можно, но это многоженство, будут проблемы) использоваться разные библиотеки, в данном случае банально мутулз и квери
Или мутулз или джквери, выберите себе одну жену и будет счастье.
Угодить всем нельзя (можно, но нельзя)

Попробуйте так (обертка):

<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j(".tooltip").jTooltip({
type : "mousemove"
});
});
</script>

Это закомментируйте:

<script type="text/javascript">jQuery.noConflict();</script>

Не не получается. Не работает. Я уже и другой плагин по примеру делаю рекация таже самая

<script src=”http://code.jquery.com/jquery-latest.js” type=”text/javascript”></script>

<script src=”<?php echo $xtc->templateUrl; ?>js/bootstrap.js” type=”text/javascript”></script>

<!—<script type=”text/javascript”>jQuery.noConflict();</script>—>

   <script src=”<?php echo $xtc->templateUrl; ?>js/mopTip-2.2.js” type=”text/javascript”></script>
   <script src=”<?php echo $xtc->templateUrl; ?>js/jquery.pngFix-1.2.js” type=”text/javascript”></script>

<script type=”text/javascript”>

var j = jQuery.noConflict();
$j(document).ready(function(){
$j(“#demo1Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo1″});
$j(“#demo2Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo2″});
$j(“#demo3Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo3″});
$j(“#demo4Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo4″});
$j(“#demo5Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo5″});
});
</script>

<jdoc:include type=”head” />

капец уже  и так сделал. все равно не идет.

люди подскажите! пожалуйста

 <script src=”http://code.jquery.com/jquery-latest.js” type=”text/javascript”></script>

<script src=”<?php echo $xtc->templateUrl; ?>js/bootstrap.js” type=”text/javascript”></script>
<script type=”text/javascript”>jQuery.noConflict();</script>

<script src=”<?php echo $xtc->templateUrl; ?>js/mopTip-2.2.js” type=”text/javascript”></script>
<script src=”<?php echo $xtc->templateUrl; ?>js/jquery.pngFix-1.2.js” type=”text/javascript”></script>   
<script type=”text/javascript”>
jQuery(function($){
$(“#demo1Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo1″});
$(“#demo2Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo2″});
$(“#demo3Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo3″});
$(“#demo4Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo4″});
$(“#demo5Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo5″});
});
</script>
<jdoc:include type=”head” />

не решайте последствия, устраняйте причину
Нельзя (ну можно, но это многоженство, будут проблемы) использоваться разные библиотеки, в данном случае банально мутулз и квери
Или мутулз или джквери, выберите себе одну жену и будет счастье.
Угодить всем нельзя (можно, но нельзя)

Так в том то и дело. КАК ВЫБРАТЬ?

Попробуйте так (обертка):

var $j = jQuery.noConflict();
$j(document).ready(function() {

var j = jQuery.noConflict();
$j(document).ready(function(){

А может просто внимательно читать советы?

да я понял. тоже заметил что var $j не поставил $

Я исправлял. Не работает этот вариант

подскажите что сюда вписать чтобы все заработало

<script type=”text/javascript”>
jQuery(function($){
$(“#demo1Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo1″});
$(“#demo2Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo2″});
$(“#demo3Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo3″});
$(“#demo4Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo4″});
$(“#demo5Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo5″});
});
</script>

И этот вариант не прокатил

 var j = jQuery.noConflict();
j(document).ready(function()

Может поможете решить вопрос конфликтов скриптов?

Что консоль говорит? Может и подскажет кто. “Не работает” это ни о чем.

так я от консоли далекий

вот делаю сайт. http://539687.fdcorp.web.hosting-test.net/2015-02-04-21-05-33/%D0%BA%D1%80%D0%B0%D0%BD%D1%8B-%D1%88%D0%B0%D1%80%D0%BE%D0%B2%D1%8B%D0%B5-%D0%B4%D0%BB%D1%8F-%D0%B2%D0%BE%D0%B4%D1%8B/item/kran-poliva.html

Вот что сейчас на странице. Как сделать чтобы все заработало

<script src=”http://code.jquery.com/jquery-latest.js” type=”text/javascript”></script>

<script src=”<?php echo $xtc->templateUrl; ?>js/bootstrap.js” type=”text/javascript”></script>

<!—<script type=”text/javascript”>jQuery.noConflict();</script>—>

<script src=”<?php echo $xtc->templateUrl; ?>js/mopTip-2.2.js” type=”text/javascript”></script>
<script src=”<?php echo $xtc->templateUrl; ?>js/jquery.pngFix-1.2.js” type=”text/javascript”></script>   

<script type=”text/javascript”>
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j(“#demo1Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo1″});
$j(“#demo2Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo2″});
$j(“#demo3Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo3″});
$j(“#demo4Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo4″});
$j(“#demo5Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo5″});
});
</script>

подскажите как запустить скрипт подсказок.

оригинальный скрипт

<script type=”text/javascript”>
$(document).ready(function(){
$(“#demo1Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo1″});
$(“#demo2Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo2″});
$(“#demo3Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo3″});
$(“#demo4Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo4″});
$(“#demo5Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo5″});
});
</script>

когда убираю <script type=”text/javascript”>jQuery.noConflict();</script> то подсказки работаю  а менюшка нет

<script src=”<?php echo $xtc->templateUrl; ?>js/bootstrap.js” type=”text/javascript”></script>
<!—<script type=”text/javascript”>jQuery.noConflict();</script>—>

<script src=”<?php echo $xtc->templateUrl; ?>js/mopTip-2.2.js” type=”text/javascript”></script>
<script src=”<?php echo $xtc->templateUrl; ?>js/jquery.pngFix-1.2.js” type=”text/javascript”></script>   
<script type=”text/javascript”>

Сейчас все привел в исходное состояние.
Вот так выглядит код. Конфликт по прежнему не решен.

<script src=”http://code.jquery.com/jquery-latest.js” type=”text/javascript”></script>

<script src=”<?php echo $xtc->templateUrl; ?>js/bootstrap.js” type=”text/javascript”></script>
<script type=”text/javascript”>jQuery.noConflict();</script>

<script src=”<?php echo $xtc->templateUrl; ?>js/mopTip-2.2.js” type=”text/javascript”></script>
<script src=”<?php echo $xtc->templateUrl; ?>js/jquery.pngFix-1.2.js” type=”text/javascript”></script>   
<script type=”text/javascript”>
$(document).ready(function(){
$(“#demo1Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo1″});
$(“#demo2Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo2″});
$(“#demo3Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo3″});
$(“#demo4Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo4″});
$(“#demo5Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo5″});
});
</script>
<jdoc:include type=”head” />

Необходимо сначала определить что и с чем конфиктует, а потом уже устранять

<script type="text/javascript">
var $j = jQuery.noConflict(); ---- почему внутри контейнера?
...

—->>>

пробуем. Добавляем строку

<script>var $j = jQuery.noConflict();</script>

и далее делаем замену в скрипте бакса на введенную переменную, например  

<script type="text/javascript">
$j("#demo1Btn").mopTip({'w':150,'style':"overOut",'get':"#demo1"});
$j("#demo2Btn").mopTip({'w':150,'style':"overClick",'get':"#demo2"});
...

сначала сделал так

<script type=”text/javascript”>
var $j = jQuery.noConflict();{
$j(“#demo1Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo1″});
$j(“#demo2Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo2″});
$j(“#demo3Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo3″});
$j(“#demo4Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo4″});
$j(“#demo5Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo5″});
});
</script>

НЕ СРАБОТАЛО
ПОТОМ ТАК
ТОЖе не помогло

<script>var $j = jQuery.noConflict();</script>

<script type=”text/javascript”>
{
$j(“#demo1Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo1″});
$j(“#demo2Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo2″});
$j(“#demo3Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo3″});
$j(“#demo4Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo4″});
$j(“#demo5Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo5″});
});
</script>

вот именно в данном случае не срабатывают варианты которые находил в интернете.

посмотрите пожалуйста на код.

Сейчас все привел в исходное состояние.
Вот так выглядит код. Конфликт по прежнему не решен.

<script src=”http://code.jquery.com/jquery-latest.js” type=”text/javascript”></script>

<script src=”<?php echo $xtc->templateUrl; ?>js/bootstrap.js” type=”text/javascript”></script>
<script type=”text/javascript”>jQuery.noConflict();</script>

<script src=”<?php echo $xtc->templateUrl; ?>js/mopTip-2.2.js” type=”text/javascript”></script>
<script src=”<?php echo $xtc->templateUrl; ?>js/jquery.pngFix-1.2.js” type=”text/javascript”></script>   
<script type=”text/javascript”>
$(document).ready(function(){
$(“#demo1Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo1″});
$(“#demo2Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo2″});
$(“#demo3Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo3″});
$(“#demo4Btn”).mopTip({‘w’:150,’style’:”overClick”,’get’:”#demo4″});
$(“#demo5Btn”).mopTip({‘w’:150,’style’:”overOut”,’get’:”#demo5″});
});
</script>
<jdoc:include type=”head” />

может все таки есть какое решение.