jQuery

[NIkNOkNIkNOk]

Ребята посоветуйте что делать. Такая проблема: хочу вставить в сайт два скрипта с использованием jQuery, но вместе они не работают. Может кто то сталкивался с подобной проблемой?

[buddah]

Покажите скрипты, дайте страницу на сайт и тогда вам помогут.

[NIkNOkNIkNOk]

Спасибо но уже сам разобрался.

[Nekromancer]

Спасибо но уже сам разобрался.

Прежде чем по каждому вопросу поспешно создавать тему, попробуйте решить её сами, на худой конец обратится к Дедьке по имени Гугл, он то точно может вам помочь. Несомненно новичкам нужно задавать вопросы и даже полезно, однако совсем другое дело когда по каждой мелкой проблеме вы пытаетесь задавать некий абстрактный вопрос, типо - скрипт не работает, что делать? - как минимум постарайтесь донести до людей суть проблемы и дать как можно больше информации для её решения. В иных случаях создаётся впечатление, что человек задаёт вопрос лишь потому, что может. Это увы, плохая практика.

[Aroused]

Ну, чтобы тема зря не висела, вот и мой вопрос

		wr.load('cont/work/work.html', function(){
			$('#work_drag').live('load', function(){     //Здесь всё останавливается.
				$('.preload').css({display:'none'});
				$('#work_drag').animate({left:'0px'}, 1500, 'easeOutExpo', function(){
				});
			});
		})

Что я не так сделал?

Edited August 14, 2011 by Aroused

[Nekromancer]

А в чём задача этого скрипта? Live - Load в принципе не может быть, если это конечно не картинка.

[Aroused]

А в чём задача этого скрипта? Live - Load в принципе не может быть, если это конечно не картинка.

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

wr.load('cont/work/work.html', function(){ //подгружаем html в блок wr = $('#wrapper')
$('#work_drag').live('load', function(){  //вешаем обработчик load на блок $('#work_drag') из work.html изпользуя live() т.к. этот элемент новый. 
	$('.preload').css({display:'none'}); //тут начинаем что-то делать после полной загрузки блока $('#work_drag') с картинками и текстом.
		$('#work_drag').animate({left:'0px'}, 1500, 'easeOutExpo')

[Nekromancer]

Пробуй так, live тут совсем не к месту ибо load это не событие пользователя, а функция загрузки которая вызывается из скрипта. Да и callback срабатывает уже когда всё загрузится и контент будет вставлен, по этому можно просто так:

wr.load('cont/work/work.html', function(){
      $('#work_drag').load(function(){     //Здесь всё останавливается.
             ('.preload').css({display:'none'});
                    $('#work_drag').animate({left:'0px'}, 1500, 'easeOutExpo', function(){
              });
      });
 })

[Aroused]

Пробуй так, live тут совсем не к месту ибо load это не событие пользователя, а функция загрузки которая вызывается из скрипта.

Да, я так в первую очередь и сделал, но ничего не происходит.

такое ощущение, что обработчик вооще не видит $('#work_drag'), как буд-то его нет, я подумал раз это новый элемент то нужно методом live но толку так же нет.

Странная ерунда, если live не дружит с load, то получается это вообще никак нельзя реализовать?

Я думал что live как callback стесняется работать, тогда попробовал так:

wr.load('cont/work/work.html'});

$('#work_drag').load(function(){
    $('.preload').css({display:'none'});
    $('#work_drag').animate({left:'0px'}, 1500, 'easeOutExpo');
});

Что тоже не даёт результата.

[Nekromancer]

Ссылка скинь, я посмотрю.

[Aroused]

Ссылка скинь, я посмотрю.

jsFiddle я боюсь не залью всё, только с сервака.

Вот

Там дальше прелоадера дело не двигается, из за известной проблемы...

Edited August 14, 2011 by Aroused

[Nekromancer]

Правильный код:

wr.load('cont/work/work.html', function(){
	$('.preload').css({display:'none'});
	$('#work_drag').animate({left:'0px'}, 1500, 'easeOutExpo', function(){
		myScroll = new iScroll('wrapper', { checkDOMChanges: true, hideScrollbar: true, fadeScrollbar: true, hScrollbar: false });
	});
});