[JavaScript]jQuery.noConflict ( Jak wykonać ) Opcje

[szymekszymek]

Witam..

Mam Kod który gryzie sie z moim wbudowanym w forum prototype.
Na forum skryptu doradzili mi ze należy użyć formy noConflict i przepisać delikatnie źródło kodu.
Niestety nie bardzo wiem jak to wykonać.
Czy ktoś kto robił podobną operacje lub wie jak się do tego zabrać mógłby mi pomóc. ?
Był bym bardzo wdzięczny.

[PHP] pobierz, plaintext 
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/Bebas_400.font.js" type="text/javascript"></script>
 
        <!-- The JavaScript -->
        <script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
                //caching
				//next and prev buttons
				var $cn_next	= $('#cn_next');
				var $cn_prev	= $('#cn_prev');
				//wrapper of the left items
				var $cn_list 	= $('#cn_list');
				var $pages		= $cn_list.find('.cn_page');
				//how many pages
				var cnt_pages	= $pages.length;
				//the default page is the first one
				var page		= 1;
				//list of news (left items)
				var $items 		= $cn_list.find('.cn_item');
				//the current item being viewed (right side)
				var $cn_preview = $('#cn_preview');
				//index of the item being viewed. 
				//the default is the first one
				var current		= 1;
 
				/*
				for each item we store its index relative to all the document.
				we bind a click event that slides up or down the current item
				and slides up or down the clicked one. 
				Moving up or down will depend if the clicked item is after or
				before the current one
				*/
				$items.each(function(i){
					var $item = $(this);
					$item.data('idx',i+1);
 
					$item.bind('click',function(){
						var $this 		= $(this);
						$cn_list.find('.selected').removeClass('selected');
						$this.addClass('selected');
						var idx			= $(this).data('idx');
						var $current 	= $cn_preview.find('.cn_content:nth-child('+current+')');
						var $next		= $cn_preview.find('.cn_content:nth-child('+idx+')');
 
						if(idx > current){
							$current.stop().animate({'top':'-300px'},600,'easeOutBack',function(){
								$(this).css({'top':'310px'});
							});
							$next.css({'top':'310px'}).stop().animate({'top':'5px'},600,'easeOutBack');
						}
						else if(idx < current){
							$current.stop().animate({'top':'310px'},600,'easeOutBack',function(){
								$(this).css({'top':'310px'});
							});
							$next.css({'top':'-300px'}).stop().animate({'top':'5px'},600,'easeOutBack');
						}
						current = idx;
					});
				});
 
				/*
				shows next page if exists:
				the next page fades in
				also checks if the button should get disabled
				*/
				$cn_next.bind('click',function(e){
					var $this = $(this);
					$cn_prev.removeClass('disabled');
					++page;
					if(page == cnt_pages)
						$this.addClass('disabled');
					if(page > cnt_pages){ 
						page = cnt_pages;
						return;
					}	
					$pages.hide();
					$cn_list.find('.cn_page:nth-child('+page+')').fadeIn();
					e.preventDefault();
				});
				/*
				shows previous page if exists:
				the previous page fades in
				also checks if the button should get disabled
				*/
				$cn_prev.bind('click',function(e){
					var $this = $(this);
					$cn_next.removeClass('disabled');
					--page;
					if(page == 1)
						$this.addClass('disabled');
					if(page < 1){ 
						page = 1;
						return;
					}
					$pages.hide();
					$cn_list.find('.cn_page:nth-child('+page+')').fadeIn();
					e.preventDefault();
				});
 
            });
        </script>
[PHP] pobierz, plaintext 

Ten post edytował szymekszymek 21.04.2011, 20:30:20

[everth]

Spróbuj cały kod dla jQuery owinąć w coś takiego (i możesz wywalić noConflict)

[JAVASCRIPT] pobierz, plaintext 
(function($) {
    // twój kod
}) (jQuery)
[JAVASCRIPT] pobierz, plaintext 

[szymekszymek]

Zrobiłem tak i niestety bez efektu.. Miał byś jakiś inny pomysł ?

[everth]

Firefox + dodatek Firebug + konsola błędów w nim, wyrzuca coś?

[szymekszymek]

Dodam ze normalnie jak wykorzystam sobie skrypt lokalnie wszystko działa jednak jeżeli już próbuje go upchnąć w szablonie index gryzie się z prototype.

Ten post edytował szymekszymek 21.04.2011, 22:21:21

[everth]

Popraw te błędy i sprawdź czy działa - zacznij od pierwszego z góry czyli brakującej zmiennej. Nie znalazłem czegoś takiego (może nie zauważyłem) w twoim załączonym kodzie więc pewnie to inny fragment, masz podane zresztą gdzie.

Przy czym sprawdzaj czy sypie błędami po każdej korekcie - nie wiem na ile wysypanie się prototype jest konsekwencją brakującej zmiennej a na ile późniejszymi konfliktami/błędami z jQuery.

[szymekszymek]

Słuchaj..
grzebie w tym kodzie od wczoraj i no juz nie wiem co z tym robic..

To jest tak ze jeżeli wkleję ten kod do przykładowego pliku index.htm
to działa on bez problemu, nie pokazuje żadnych błędów i ładnie się animuje.

Natomiast jeżeli ten sam kod wkleję do szablonu na forum
To juz dostaje błędy które pokazałem Ci w poście wyżej a sam dodatek jest sztywny.

Moze ten kod nie zawiera błędów a wynikają one z konfliktu jakiegos po prostu.
nie wiem, nie znam sie.