Ir para conteúdo

POWERED BY:

Arquivado

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

felipesagan

Conflitos versões jquery

Recommended Posts

Olá vi esse código de um rapaz que resolveu conflitos de versões diferentes de bibliotecas Jquery:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script src="js/jquery.localscroll-min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-min.js" type="text/javascript"></script>
<script type="text/javascript">
var xyz = jQuery.noConflict();
xyz(document).ready(function () {
xyz.localScroll.defaults.axis = 'x';
xyz.localScroll();
});

</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script>
$(document).ready(function() {

$('html, body, *').mousewheel(function(e, delta) {
this.scrollLeft -= (delta * 3);
e.preventDefault();
});

});
</script>

Sou leigo,tentei fazer igual e não consegui,se alguém conseguir rearranjar o seguinte código para que não haja conflitos eu agradeço:

 

<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dokv=88e434a982/"},atok:"f5fb8224532984ed0f1005b950b17009",petok:"6f643c0af7a447ada34e3ff042d88c71e22c41ba-1405698707-1800",zone:"buildinternet.com",rocket:"0",apps:{"ga_key":{"ua":"UA-6444047-1","ga_bs":"2"}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dokv=97fb4d042e/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
//]]>
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.1.10.2.min.js"></script>


<script type="text/javascript" src="js/jquery.easing.min.js"></script>

<script type="text/javascript" src="js/supersized.3.2.6.min.js"></script>

<script type="text/javascript" src="theme/supersized.shutter.min.js"></script>

<script type="text/javascript">
            
            jQuery(function($){
                
                $.supersized({
                
                    // Functionality
                    slideshow : 1,            // Slideshow on/off
                    autoplay                :    1,            // Slideshow starts playing automatically
                    start_slide : 1,            // Start slide (0 is random)
                    stop_loop                :    0,            // Pauses slideshow on last slide
                    random                    :     0,            // Randomize slide order (Ignores start slide)
                    slide_interval : 2400,        // Length between transitions
                    transition : 1,             // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                    transition_speed        :    600,        // Speed of transition
                    new_window                :    1,            // Image links open in new window/tab
                    pause_hover : 0,            // Pause slideshow on hover
                    keyboard_nav : 1,            // Keyboard navigation on/off
                    performance                :    1,            // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
                    image_protect            :    1,            // Disables image dragging and right click with Javascript
                                                            
                    // Size & Position                        
                    min_width         : 0,            // Min width allowed (in pixels)
                    min_height         : 0,            // Min height allowed (in pixels)
                    vertical_center : 1,            // Vertically center background
                    horizontal_center : 1,            // Horizontally center background
                    fit_always                :    0,            // Image will never exceed browser width or height (Ignores min. dimensions)
                    fit_portrait     : 1,            // Portrait images will not exceed browser height
                    fit_landscape            : 0,            // Landscape images will not exceed browser width
                                                            
                    // Components                            
                    slide_links                :    'blank',    // Individual links for each slide (Options: false, 'number', 'name', 'blank')
                    thumb_links                :    1,            // Individual thumb links for each slide
                    thumbnail_navigation : 0,            // Thumbnail navigation
                    slides                     :     [            // Slideshow Images
                                                        {image : src="img/1.jpg", thumb : src="img/m1.jpg"},
                                                        {image : src="img/2.jpg", thumb : src="img/m2.jpg"},
                                                        {image : src="img/3.jpg", thumb : src="img/m3.jpg"},
                                                        {image : src="img/4.jpg", thumb : src="img/m4.jpg"},
                                                        {image : src="img/5.jpg", thumb : src="img/m5.jpg"},
                                                        {image : src="img/6.jpg",thumb : src="img/m6.jpg"},
                                                        {image : src="img/7.jpg",thumb : src="img/m7.jpg"},
                                                        {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-2.jpg',thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-2.jpg', url : 'http://www.nonsensesociety.com/2011/06/brooke-shaden/'},
                                                        {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-3.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-3.jpg', url : 'http://www.nonsensesociety.com/2011/06/brooke-shaden/'}
                                                ],
                                                
                    // Theme Options            
                    progress_bar            :    1,            // Timer for each slide                            
                    mouse_scrub                :    0
                    
                });
         });
        
        </script>




</head>


<body style="background-image: url(images/pattern.png), url(images/5.jpg);">
<script type="text/javascript" src="js/mousestop.js"></script>
<script type="text/javascript">

$(window)
.mousestop(function() { document.getElementById('supersized').style.zIndex=100000; })
.mousemove(function() {document.getElementById('supersized').style.zIndex=-999; })
.mouseout(function() { document.getElementById('supersized').style.zIndex=100000; });

$(window).mousestop().trigger('mousestop');



</script>


</body>
<script type="text/javascript">/* CloudFlare analytics upgrade */
</script>
</html>

Deixei somente os scripts do meu codigo a versao jquery 1,10,2 esta associada a mousestop.js e a parte de $(window).mousestop.....

 

a versão jquery 1.6.1 esta associada a jquery.easing....,supersized3.2.6...,e a supersized,shutter,..

e a $.supersized(que é a parte grande de scripts)

 

 

São dois plugins que usei o supersized e o mousestop js..Dependendo da ordem dos scripts também muda a execução.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não use 2 jQuerys diferentes, importe apenas um.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não precisa da função noConflict, ela existe para vc usar jQuery em conjunto com outra lib, tipo mootools.. e não jquery + jquery

 

 

Use apenas a mais recente, e retire tudo do noConflict.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Está sem noconflict e só com a versão mais recente.Então lascou,porque deve ser algum problema de lógica ,pois o script relativo a mousestop.js ta funcionando corretamente,o script do supersized ta certo,mas quando junta-se os dois ta dando pepino,Queria saber se tem algum jeito de proteger o script sem misturar com o outro.Eu vi uma parada de encapsulamento de funções ,mas como sou leigo vou ter que ler um tutorial inteiro de javascript.Eu estava fazendo um site só alterando o código com pouco que sei.Eu li tutoriais de css e html.O de javascript e mais enrolado e como queria fazer um site pra quebrar o galho de uma amiga,creio que vai demorar.Mas se você tiver alguma solucao rapida eu agradeco.Mas desde ja obrigado pelas respostas William.


O supersized roda normal sem o mousestop.js. o Que acontece é que quando ponho o script do mousestop dependendo da posição do código,um botão do plugin some,é um botão que tem as miniaturas das imagens do slider.Além disso na troca de slider o zindex ta mudando,

Vou te explicar como funciona o site pra voce se interar,o site tem o slider do plugin supersized,que deixa as imagens do tamanho do viewport.Quanto a parte do mousestop eu configurei da seguinte forma:

Se o usuario tira o mouse do viewport aparece so o background sumindo todos os menus,se o usuario para de mexer no mouse os menus tambem somem,se ele volta a mexer os menus aparecem,mas tem um tempo pros menus sumirem depois que ele para de mexer,um delayzinho.O problema é que a troca de slides faz os menus sumirem,e somem as miniaturas tambem.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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