Вход

Просмотр полной версии : Два скрипта вместе не дружат!

vladly
23.11.2012, 12:25
Вот мой код (точнее часть его):
<html>
<head>
<script type='text/javascript' src='script1.js'></script>
<script type='text/javascript' src='script2.js'></script>
</head>
</html>
Проблема вся в том, что они не работают (либо только ОДИН из них работает, НО не так как надо).
P.S. по отдельности оба скрипта прекрасно работают.
Может в документе как то особенно два разных js записывать?
Tek
23.11.2012, 12:34
дело не в подключении, установи плагин https://addons.mozilla.org/ru/firefox/addon/firebug/, он укажет тебе ошибку, если сам не разберешься пиши...
skfyann
23.11.2012, 12:36
Может в документе как то особенно два разных js записывать?
Нет, запись нормальная.
Проблема вся в том, что они не работают (либо только ОДИН из них работает, НО не так как надо).
Значит либо пересекаются либо функциями либо глобальными переменными.
dmitry111
23.11.2012, 14:05
vladly,

вы их сюда бы разместили


а так, могу посоветовать обернуть в самовызывающуяся функцию каждый скрипт и положить скрипты в боди в самый низ.

(function() {
//тут скрипт
}());
vladly
23.11.2012, 15:49
что-то не пойму в чем дело:(
вот скрипты:
Первый (http://sendpost.p.ht/blok.js)
Второй (http://sendpost.p.ht/menu.js)
lord2kim
23.11.2012, 18:16
vladly, объедините все что в
$(document).ready(function() { ... }
из обоих скриптов
Джэксон
24.11.2012, 21:49
может есть несовместимые функции? ну или сходные между собой в обоих скриптах?
vladly
27.11.2012, 15:12
помогите пожалуйста найти где могут пересекаться функции:-?
nerv_
27.11.2012, 16:35
http://javascript.ru/forum/job/
vladly
28.11.2012, 17:38
то есть вот это я правильно сделал?

$(document).ready(function(){
(function($){
$(function(){
$('#nav>li>a').hover(
function(){$(this).stop(1);
$(this).animate({'background-position':'0px 0'});
},
function(){$(this).stop(1);
$(this).animate({'background-position':'-140px 0'});
}
)
$('.boxgrid').each(function(){
var $caption = $(this).find('span.boxcaption');
var pheight = $(this).height();
$caption.css('top', pheight );
$(this).hover(
function(){
$caption.stop(1);
$caption.animate({ top: pheight - $caption.height() });
},
function(){
$caption.stop(1);
$caption.animate({ top: pheight })}
)
});
});
})(jQuery);

$(".btn-slide").click(function(){$("#panel").slideToggle("slow");$(this).toggleClass("active");return false;});});