Конфликт между jquery

G

Gamerz

Registered
Значи открих защо слайдера ми не действа има конфликт между jqery-tata
тук е описано как да се оправи http://docs.jquery.com/Using_jQuery_with_Other_Libraries може ли малко помощ ?
ето слайдера:

Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="slider.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	});
</script>
</head>
<body>
		<div id="featured" >
		  <ul class="ui-tabs-nav">
	        <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/slider/ufc10-small.jpg" alt="" /><span>UFC UNDISPUTED Пръв поглед</span></a></li>
	        <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/slider/Fallout3-small.jpg" alt="" /><span>Fallout 3 Трейлър</span></a></li>
	        <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/slider/facebook-small.jpg" alt="" /><span>Стани фен във Facebook!</span></a></li>
	        <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/slider/skate3-small.jpg" alt="" /><span>Skate 3 кратко превю</span></a></li>
	      </ul>

	    
	    <div id="fragment-1" class="ui-tabs-panel" style="">
			<img src="images/slider/ufc10.jpg" alt="" />
			 <div class="info" >
				<h2><a href="http://www.games-shadows.com/article-117-UFC-Undisputed-2010.html" >UFC Undisputed 2010</a></h2>
				<p>Пръв поглед и впечатления от играта. По-добра ли е от предишната ?  <a href="http://www.games-shadows.com/article-117-UFC-Undisputed-2010.html" >разберете ...</a></p>
			 </div>
	    </div>

	    
	    <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
			<img src="images/slider/Fallout3.jpg" alt="" />
			 <div class="info" >
				<h2><a href="http://www.games-shadows.com/video-12-Fallout-3--.html" >Fallout 3 Трейлър</a></h2>
				<p>Вижте първият трейлър на играта <a href="http://www.games-shadows.com/video-12-Fallout-3--.html" >Прочети още...</a></p>
			 </div>
	  

	    
	    <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
			<img src="images/slider/facebook.jpg" alt="" />
			 <div class="info" >
				<h2><a href="http://www.games-shadows.com/article-118-wwwGamesShadowscom--Facebook.html" >www.Games-Shadows.com с Facebook</a></h2>
				<p>От днес страницата ни си има официлане Facebook за повече информация <a href="http://www.games-shadows.com/article-118-wwwGamesShadowscom--Facebook.html" >прочети още...</a></p>
	         </div>
	    </div>

	    
	    <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
			<img src="images/slider/skate3.jpg" alt="" />
			 <div class="info" >
				<h2><a href="http://www.games-shadows.com/story-136-EA-Skate-3--.html" >Вижте краткото превю на играта  и разберете какво да очаквате</a></h2>
				<p>По-добра графика ? Или отново една идея по-зле ?<a href="http://www.games-shadows.com/story-136-EA-Skate-3--.html" >вижте тук...</a></p>
	         </div>
	    </div>

		</div>
	</div>


</body>
</html>
 
Ако това е целият ти код, не би трябвало да ти прави проблем, защото ползваш само една библиотека - jQuery.
Може jQuery UI-то да иска по-нова версия на jQuery. Свали си последната версия и пробвай :)
 
Зада не пускам нова тема искам и аз да попитам за някакъв фикс за Jquery?Прочетох това което колегато е постнал ама нищо не схванах. :roll:
 
Намерих оправия на проблема.
Значи трябва да сложиш jQuery над останалите библиотеки(т.е най-отгоре ) и да сложиш под него този скрипт:
Код: 
<script type="text/javascript"> jQuery.noConflict() </script>

Също при някой трябва да се замени $(...) на jQuery(...).
Ето и пример:

Преди:
Код: 
<script type="text/javascript" src="lightwindow/javascript/prototype.js"></script>
<script type="text/javascript" src="lightwindow/javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightwindow/javascript/lightwindow.js"></script>
<link rel="stylesheet" href="lightwindow/css/lightwindow.css" type="text/css" media="screen" />



<script src="js/jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="js/menu.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/accordion.css" />

След:
Код: 
<script src="js/jquery-1.2.1.min.js" type="text/javascript"></script>
<script type="text/javascript"> jQuery.noConflict() </script>


<script type="text/javascript" src="lightwindow/javascript/prototype.js"></script>
<script type="text/javascript" src="lightwindow/javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightwindow/javascript/lightwindow.js"></script>
<link rel="stylesheet" href="lightwindow/css/lightwindow.css" type="text/css" media="screen" />



<script src="js/menu.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/accordion.css" />

Тествах го и работи.
Успех!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе