Conflicto con 2 scripts JS
Publicado por joel (3 intervenciones) el 05/02/2016 00:31:45
Hola a todos, tengo 2 scripts para utizar en una web que estoy haciendo.
El primero funciona con jquery 1.6.1 y pues lo declaro de la manera cotidiana:
Hasta ahi me funciona muy bien esta galeria.
El problema es que necesito ejecutar otro que utiliza una version mas reciente 1.9.1, pero al momento de declarar esta version de jquery, el anterior script (la galeria) falla inmediatamente.
Que pretendo hacer?., pues usar el isotope de esta pagina como galeria (http://www.designlunatic.com/2011/08/isotope-tutorial/) y al momento de dar clic a la imagen entonces me abra con el efecto de magnific popup (dimsemenov.com/plugins/magnific-popup/), pero no logro hacer que la galeria isotope no me marque error.
Ya intente con jQuery.noConflict(); que vie en varias paginas, pero desde el momento que declaro la variable, tambien marca error la galeria.... :S
Espero alguien me pueda ayudar, muchas gracias de antemano.
El primero funciona con jquery 1.6.1 y pues lo declaro de la manera cotidiana:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="galeria/isotope.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var $container = $('#content');
$container.isotope({
filter: '*',
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}});
$('#nav a').click(function(){
var selector = $(this).attr('data-filter');
$container.isotope({
filter: selector,
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}});
return false;
});
});
</script>
Hasta ahi me funciona muy bien esta galeria.
El problema es que necesito ejecutar otro que utiliza una version mas reciente 1.9.1, pero al momento de declarar esta version de jquery, el anterior script (la galeria) falla inmediatamente.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script>
$(document).ready(function() {
$('.test-popup-link').magnificPopup({
type: 'image',
mainClass: 'mfp-with-zoom',
zoom: {
enabled: true,
duration: 500,
easing: 'ease-in-out',
opener: function(openerElement) {
return openerElement.is('img') ? openerElement : openerElement.find('img');
} }});
});
</script>
Que pretendo hacer?., pues usar el isotope de esta pagina como galeria (http://www.designlunatic.com/2011/08/isotope-tutorial/) y al momento de dar clic a la imagen entonces me abra con el efecto de magnific popup (dimsemenov.com/plugins/magnific-popup/), pero no logro hacer que la galeria isotope no me marque error.
Ya intente con jQuery.noConflict(); que vie en varias paginas, pero desde el momento que declaro la variable, tambien marca error la galeria.... :S
Espero alguien me pueda ayudar, muchas gracias de antemano.
Valora esta pregunta
0
