Publicado em 12 de jan.

Se não e conflito entre bibliotecas o que pode ser?

Gente ja me matei tentando resolver isso, estou utilizando 2 pluings jquey mais quando insiro um tudo bem, já o segundo não pega, já usei até o jquey noconflit, esse e outro site que estou criando.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "url=[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd [/url]">

<html>
 <head>
 <title>Slide Down Box Menu with jQuery and CSS3</title>

 <script type="text/javascript">

 var $JQuery = jQuery.noConflict()

$JQuery(document).ready(function() {
$JQuery("#ad").fadeIn("slow");
$JQuery("#close").click(function () {
$JQuery("#ad").fadeOut("slow");
 });
});
</script>
 <link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/stapel.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<style type="text/css">

body,td,th {

font-family: Lato, Calibri, Arial, sans-serif;
}
 </style>
<script src="js/modernizr.custom.63321.js"></script>
<!--[if lte IE 7]><style>.support-note .note-ie{display:block;}</style><![endif]-->
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
 <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>

 <style>

body{

background: #333 url(bg.jpg) repeat top left;
font-family: Arial;
background-image: url(../img/Gisele_Bundchen_-_Poster.jpg);
}

span.reference{

position:fixed;
left:10px;
bottom:10px;
font-size:12px;
}

span.reference a{

color:#aaa;
text-transform:uppercase;
text-decoration:none;
text-shadow:1px 1px 1px #000;
margin-right:30px;
}

span.reference a:hover{

color:#ddd;
}

ul.sdt_menu{

margin-top:150px;
}

h1.title{

text-indent:-9000px;
background:transparent url(title.png) no-repeat top left;
width:633px;
height:69px;
}
</style>
 <script type="text/JavaScript">

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized
 if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
 document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
 else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function P7_ShowPic(a,B) { //v2.0 by PVII
 var g,gg,d,dd,ic,im;if((g=MM_findObj(B))!=null){
 if(!document.P7ShowPic){document.P7ShowPic=true;}else{
 if((d=MM_findObj(document.P7SPlay))!=null){
 dd=(document.layers)?d:d.style;dd.visibility="hidden";}}
 document.P7SPlay=b;gg=(document.layers)?g:g.style;im=b+"im";
 if((ic=MM_findObj(im))!=null){ic.src=a;gg.visibility="visible";}}
}

//galeria

</script>
<script type="text/javascript" src="js/jquery.min2.js"></script>
<script type="text/javascript" src="js/jquery.stapel.js"></script>
<script type="text/javascript">
$(function() {

var $grid = $( '#tp-grid' ),

$name = $( '#name' ),
$close = $( '#close' ),
$loader = $( '<div class="loader"><i></i><i></i><i></i><i></i><i></i><i></i><span>Loading...</span></div>' ).insertBefore( $grid ),
stapel = $grid.stapel( {
delay : 50,

onLoad : function() {
$loader.remove();
},
onBeforeOpen : function( pileName ) {
$name.html( pileName );
},
onAfterOpen : function( pileName ) {
$close.show();
}
} );

$close.on( 'click', function() {
$close.hide();
$name.empty();
stapel.closePile();
} );

} );
</script>
 <!-- The JavaScript -->
 <script type="text/javascript" src="[url=[http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js](http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js)][http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js](http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js) [/url]"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
 <script type="text/javascript">

//menu
$(function() {
/**
* for each menu element, on mouseenter,
* we enlarge the image, and show both sdt_active span and
* sdt_wrap span. If the element has a sub menu (sdt_box),
* then we slide it - if the element is the last one in the menu
* we slide it to the left, otherwise to the right
*/

 $('#sdt_menu > li').bind('mouseenter',function(){
var $elem = $(this);

$elem.find('img')
.stop(true)
.animate({
'width':'170px',
'height':'170px',
'left':'0px'
},400,'easeOutBack')
.andSelf()
.find('.sdt_wrap')
.stop(true)
.animate({'top':'140px'},500,'easeOutBack')
.andSelf()
.find('.sdt_active')
.stop(true)

.animate({'height':'170px'},300,function(){
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length){
var left = '170px';

if($elem.parent().children().length == $elem.index()+1)

left = '-170px';
$sub_menu.show().animate({'left':left},200);
}
});
}).bind('mouseleave',function(){
var $elem = $(this);
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length)
$sub_menu.hide().css('left','0px');

$elem.find('.sdt_active')
.stop(true)
.animate({'height':'0px'},300)
.andSelf().find('img')
.stop(true)
.animate({
'width':'0px',
'height':'0px',
'left':'85px'},400)
.andSelf()
.find('.sdt_wrap')
.stop(true)

.animate({'top':'25px'},500);
});
 });
 </script>
 </head>

 <body>
<div class="content">
<ul id="sdt_menu" class="sdt_menu">
<li>
<a href="#">
<img src="images/2.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Inicio</span>
<span class="sdt_descr">Get to know me</span>
</span>
</a>
</li>
<li>
<a href="#">
<img src="images/1.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Moda</span>
<span class="sdt_descr">My work</span>
</span>
</a>
<div class="sdt_box">
<a href="#">Websites</a>
<a href="#">Illustrations</a>
<a href="#">Photography</a>
</div>
</li>
<li>
<a href="#">
<img src="images/3.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Inspiração</span>
<span class="sdt_descr">Where ideas get born</span>
</span>
</a>
</li>
<li>
<a href="#">
<img src="images/4.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Desenhos</span>
<span class="sdt_descr">I like to photograph</span>
</span>
</a>
</li>
<li>
<a href="#">
<img src="images/5.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Contato</span>
<span class="sdt_descr">I write about design</span>
</span>
</a>
</li>
<li>
<a href="#">
<img src="images/6.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Projetos</span>
<span class="sdt_descr">I like to code</span>
</span>
</a>
<div class="sdt_box">
<a href="#">Job Board Website</a>
<a href="#">Shopping Cart</a>
<a href="#">Interactive Maps</a>
</div>
</li>
</ul>
</div>

 <div class="container">

<header class="clearfix">
 <nav class="codrops-demos"></nav>

<div class="support-note">
<span class="note-ie">Sorry, only modern browsers.</span>
</div>

</header>

<section class="main">

<div class="wrapper">

<div class="topbar">
<span id="close" class="back">←</span>
<h2>Dribbble's Talent</h2><h3 id="name"></h3>
</div>

<ul id="tp-grid" class="tp-grid">

<li data-pile="Bryan Moats">
<a href="[url=[http://drbl.in/cmVe](http://drbl.in/cmVe)][http://drbl.in/cmVe](http://drbl.in/cmVe) [/url]">
<span class="tp-info"><span>Flu & You</span></span>
<img src="images/1/1.jpg" />
</a>
</li>
<li data-pile="Bryan Moats">
<a href="[url=[http://drbl.in/cmhM](http://drbl.in/cmhM)][http://drbl.in/cmhM](http://drbl.in/cmhM) [/url]">
<span class="tp-info"><span>Test Your Flu IQ</span></span>
<img src="images/1/2.jpg" />
</a>
</li>
<li data-pile="Bryan Moats">
<a href="[url=[http://drbl.in/eKdt](http://drbl.in/eKdt)][http://drbl.in/eKdt](http://drbl.in/eKdt) [/url]">
<span class="tp-info"><span>Unexpected Fatherly Faces and Feelings</span></span>
<img src="images/1/3.jpg" />
</a>
</li>

<li data-pile="Mike Dornseif">
<a href="[url=[http://drbl.in/eiUm](http://drbl.in/eiUm)][http://drbl.in/eiUm](http://drbl.in/eiUm) [/url]">
<span class="tp-info"><span>On to Easter</span></span>
<img src="images/2/1.jpg" />
</a>
</li>
<li data-pile="Mike Dornseif">
<a href="[url=[http://drbl.in/ekMY](http://drbl.in/ekMY)][http://drbl.in/ekMY](http://drbl.in/ekMY) [/url]">
<span class="tp-info"><span>Love Birds</span></span>
<img src="images/2/2.jpg" />
</a>
</li>
<li data-pile="Mike Dornseif">
<a href="[url=[http://drbl.in/esQV](http://drbl.in/esQV)][http://drbl.in/esQV](http://drbl.in/esQV) [/url]">
<span class="tp-info"><span>Here Fishy fishy</span></span>
<img src="images/2/3.jpg" />
</a>
</li>

<li data-pile="Griffin Moore">
<a href="[url=[http://drbl.in/fzUB](http://drbl.in/fzUB)][http://drbl.in/fzUB](http://drbl.in/fzUB) [/url]">
<span class="tp-info"><span>Briefcase</span></span>
<img src="images/3/1.jpg" />
</a>
</li>
<li data-pile="Griffin Moore">
<a href="[url=[http://drbl.in/fQEv](http://drbl.in/fQEv)][http://drbl.in/fQEv](http://drbl.in/fQEv) [/url]">
<span class="tp-info"><span>Clipboard</span></span>
<img src="images/3/2.jpg" />
</a>
</li>
<li data-pile="Griffin Moore">
<a href="[url=[http://drbl.in/fREU](http://drbl.in/fREU)][http://drbl.in/fREU](http://drbl.in/fREU) [/url]">
<span class="tp-info"><span>Sweet pack</span></span>
<img src="images/3/3.jpg" />
</a>
</li>

<li data-pile="Andrea Austoni">
<a href="[url=[http://drbl.in/cyWa](http://drbl.in/cyWa)][http://drbl.in/cyWa](http://drbl.in/cyWa) [/url]">
<span class="tp-info"><span>Growth in 2012 (Holiday Card)</span></span>
<img src="images/4/1.jpg" />
</a>
</li>
<li data-pile="Andrea Austoni">
<a href="[url=[http://drbl.in/cRkb](http://drbl.in/cRkb)][http://drbl.in/cRkb](http://drbl.in/cRkb) [/url]">
<span class="tp-info"><span>Grady Wilson</span></span>
<img src="images/4/2.jpg" />
</a>
</li>
<li data-pile="Andrea Austoni">
<a href="[url=[http://drbl.in/cSKM](http://drbl.in/cSKM)][http://drbl.in/cSKM](http://drbl.in/cSKM) [/url]">
<span class="tp-info"><span>More Cowbell</span></span>
<img src="images/4/3.jpg" />
</a>
</li>
</ul>
</div>
</section>

</div><!-- /container -->

</body>
</html> Alguém sabe onde estou errando?

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...

<html> <head> <title>Slide Down Box Menu with jQuery and CSS3</title> <script type="text/javascript"> var $JQuery = jQuery.noConflict() $JQuery(document).ready(function() { $JQuery("#ad").fadeIn("slow"); $JQuery("#close").click(function () { $JQuery("#ad").fadeOut("slow"); }); }); </script> <link rel="shortcut icon" href="../favicon.ico"> <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/stapel.css" /> <link rel="stylesheet" type="text/css" href="css/custom.css" /> <style type="text/css">

font-family: Lato, Calibri, Arial, sans-serif; } </style> <script src="js/modernizr.custom.63321.js"></script>  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/> <style>

</script> <script type="text/javascript" src="js/jquery.min2.js"></script> <script type="text/javascript" src="js/jquery.stapel.js"></script> <script type="text/javascript"> $(function() { var $grid = $( '#tp-grid' ),

onLoad : function() { $loader.remove(); }, onBeforeOpen : function( pileName ) { $name.html( pileName ); }, onAfterOpen : function( pileName ) { $close.show(); } } ); $close.on( 'click', function() { $close.hide(); $name.empty(); stapel.closePile(); } ); } ); </script>  <script type="text/javascript" src="[url=[http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js](http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js)][http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js](http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js) [/url]"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript">

left = '-170px'; $sub_menu.show().animate({'left':left},200); } }); }).bind('mouseleave',function(){ var $elem = $(this); var $sub_menu = $elem.find('.sdt_box'); if($sub_menu.length) $sub_menu.hide().css('left','0px');

.animate({'top':'25px'},500); }); }); </script> </head> <body> <div class="content"> <ul id="sdt_menu" class="sdt_menu"> <li> <a href="#"> <img src="images/2.jpg" alt=""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Inicio</span> <span class="sdt_descr">Get to know me</span> </span> </a> </li> <li> <a href="#"> <img src="images/1.jpg" alt=""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Moda</span> <span class="sdt_descr">My work</span> </span> </a> <div class="sdt_box"> <a href="#">Websites</a> <a href="#">Illustrations</a> <a href="#">Photography</a> </div> </li> <li> <a href="#"> <img src="images/3.jpg" alt=""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Inspiração</span> <span class="sdt_descr">Where ideas get born</span> </span> </a> </li> <li> <a href="#"> <img src="images/4.jpg" alt=""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Desenhos</span> <span class="sdt_descr">I like to photograph</span> </span> </a> </li> <li> <a href="#"> <img src="images/5.jpg" alt=""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Contato</span> <span class="sdt_descr">I write about design</span> </span> </a> </li> <li> <a href="#"> <img src="images/6.jpg" alt=""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Projetos</span> <span class="sdt_descr">I like to code</span> </span> </a> <div class="sdt_box"> <a href="#">Job Board Website</a> <a href="#">Shopping Cart</a> <a href="#">Interactive Maps</a> </div> </li> </ul> </div> <div class="container">

<header class="clearfix"> <nav class="codrops-demos"></nav> <div class="support-note"> <span class="note-ie">Sorry, only modern browsers.</span> </div> </header> <section class="main"> <div class="wrapper"> <div class="topbar"> <span id="close" class="back">←</span> <h2>Dribbble's Talent</h2><h3 id="name"></h3> </div> <ul id="tp-grid" class="tp-grid">

<li data-pile="Bryan Moats"> <a href="[url=[http://drbl.in/cmVe](http://drbl.in/cmVe)][http://drbl.in/cmVe](http://drbl.in/cmVe) [/url]"> <span class="tp-info"><span>Flu & You</span></span> <img src="images/1/1.jpg" /> </a> </li> <li data-pile="Bryan Moats"> <a href="[url=[http://drbl.in/cmhM](http://drbl.in/cmhM)][http://drbl.in/cmhM](http://drbl.in/cmhM) [/url]"> <span class="tp-info"><span>Test Your Flu IQ</span></span> <img src="images/1/2.jpg" /> </a> </li> <li data-pile="Bryan Moats"> <a href="[url=[http://drbl.in/eKdt](http://drbl.in/eKdt)][http://drbl.in/eKdt](http://drbl.in/eKdt) [/url]"> <span class="tp-info"><span>Unexpected Fatherly Faces and Feelings</span></span> <img src="images/1/3.jpg" /> </a> </li>

<li data-pile="Mike Dornseif"> <a href="[url=[http://drbl.in/eiUm](http://drbl.in/eiUm)][http://drbl.in/eiUm](http://drbl.in/eiUm) [/url]"> <span class="tp-info"><span>On to Easter</span></span> <img src="images/2/1.jpg" /> </a> </li> <li data-pile="Mike Dornseif"> <a href="[url=[http://drbl.in/ekMY](http://drbl.in/ekMY)][http://drbl.in/ekMY](http://drbl.in/ekMY) [/url]"> <span class="tp-info"><span>Love Birds</span></span> <img src="images/2/2.jpg" /> </a> </li> <li data-pile="Mike Dornseif"> <a href="[url=[http://drbl.in/esQV](http://drbl.in/esQV)][http://drbl.in/esQV](http://drbl.in/esQV) [/url]"> <span class="tp-info"><span>Here Fishy fishy</span></span> <img src="images/2/3.jpg" /> </a> </li>

<li data-pile="Griffin Moore"> <a href="[url=[http://drbl.in/fzUB](http://drbl.in/fzUB)][http://drbl.in/fzUB](http://drbl.in/fzUB) [/url]"> <span class="tp-info"><span>Briefcase</span></span> <img src="images/3/1.jpg" /> </a> </li> <li data-pile="Griffin Moore"> <a href="[url=[http://drbl.in/fQEv](http://drbl.in/fQEv)][http://drbl.in/fQEv](http://drbl.in/fQEv) [/url]"> <span class="tp-info"><span>Clipboard</span></span> <img src="images/3/2.jpg" /> </a> </li> <li data-pile="Griffin Moore"> <a href="[url=[http://drbl.in/fREU](http://drbl.in/fREU)][http://drbl.in/fREU](http://drbl.in/fREU) [/url]"> <span class="tp-info"><span>Sweet pack</span></span> <img src="images/3/3.jpg" /> </a> </li>

<li data-pile="Andrea Austoni"> <a href="[url=[http://drbl.in/cyWa](http://drbl.in/cyWa)][http://drbl.in/cyWa](http://drbl.in/cyWa) [/url]"> <span class="tp-info"><span>Growth in 2012 (Holiday Card)</span></span> <img src="images/4/1.jpg" /> </a> </li> <li data-pile="Andrea Austoni"> <a href="[url=[http://drbl.in/cRkb](http://drbl.in/cRkb)][http://drbl.in/cRkb](http://drbl.in/cRkb) [/url]"> <span class="tp-info"><span>Grady Wilson</span></span> <img src="images/4/2.jpg" /> </a> </li> <li data-pile="Andrea Austoni"> <a href="[url=[http://drbl.in/cSKM](http://drbl.in/cSKM)][http://drbl.in/cSKM](http://drbl.in/cSKM) [/url]"> <span class="tp-info"><span>More Cowbell</span></span> <img src="images/4/3.jpg" /> </a> </li> </ul> </div> </section> </div> </body> </html> Alguém sabe onde estou errando?