Как разрешить конфликт скриптов? - Общие вопросы веб разработки

На сайте установил скрипт плавающей подсказки. Возникает конфликт, не хочет работать скрипт плавающих подсказок. А как только убираю <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 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();{
$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" />

установил вот этот прикольный скрипт подсказок. но у меня он не запускается
http://pcvector.net/uploads/demo/scripts/tooltips/moptip/index.html

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