Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Iury Borges

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

Por , em Javascript

Recommended Posts

Iury Borges    0

Iury Borges
Postado

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 [/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">
 
<!-- Codrops top bar -->
 
<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">
 
<!-- Bryan Moats -->
<li data-pile="Bryan Moats">
<a href="[url=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 [/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 [/url]">
<span class="tp-info"><span>Unexpected Fatherly Faces and Feelings</span></span>
<img src="images/1/3.jpg" />
</a>
</li>
 
<!-- Mike Dornseif -->
<li data-pile="Mike Dornseif">
<a href="[url=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 [/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 [/url]">
<span class="tp-info"><span>Here Fishy fishy</span></span>
<img src="images/2/3.jpg" />
</a>
</li>
 
<!-- Griffin Moore -->
<li data-pile="Griffin Moore">
<a href="[url=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 [/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 [/url]">
<span class="tp-info"><span>Sweet pack</span></span>
<img src="images/3/3.jpg" />
</a>
</li>
 
<!-- Andrea Austoni -->
<li data-pile="Andrea Austoni">
<a href="[url=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 [/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 [/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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

vc ta importando o core do jQuery varias vezes.

 

importe apenas uma e não use noConflict.

 

 

@Iury Borges, já é o terceiro tópico que vc cria com o mesmo problema.

Em vez de abandonar o tópico volte e diga oque tentou fazer. Não reinicie a dúvida, e não saia postando a mesma coisa várias vezes.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito