Jump to content


Photo
- - - - -

Конфликт с jQuery (не работают кнопки)

jquery конфликт конфликты

Best Answer Ёшкин Кот , 18 February 2016 - 22:41

попробуйте обернуть скрипт инициализации в такую обертку:

jQuery(function($) {
		
$("#img_01").elevateZoom({
    gallery:'gallery_01',
    zoomType : "inner",
    cursor: 'crosshair',
    zoomWindowFadeIn: 400,
    zoomWindowFadeOut: 750,
    easing : true,
    galleryActiveClass: 'active',
    imageCrossfade: true,
    loadingIcon: 'http://www.elevateweb.co.uk/spinner.gif'}); 
//pass the images to Fancybox 
//$("#img_01").bind("click", function(e) { var ez = $('#img_01').data('elevateZoom');    $.fancybox(ez.getGalleryList()); return false; });

});

Авось поможет. %)

Go to the full post


  • This topic is locked This topic is locked
6 replies to this topic

#1 Руслан

Руслан
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 40
  • topics: 11

Posted 18 February 2016 - 19:10

Добрый день!

хочу для вывода изображений подключить вот такую штуку:

http://www.elevatewe...e-zoom/examples

она использует файл jquery-1.8.3.min.js

+ на странице товара есть еще одно дополнение которое его использует

но когда подключаю это файл перестают работать кнопки (добавить в корзину, удалить из корзины, кол-во товара ...)

<script type="text/javascript">
jQuery.noConflict();
</script>

не помогает

 

помогите пожалуйста решить проблему

 

 

 

 


  • 0

#2 fiction13

fiction13
  • JBZoo User (rus)
  • User rate: 272.6
  • posts: 604
  • topics: 23

Posted 18 February 2016 - 19:31

Подключал эту штуку для JBImage, проблем не было, Вы что-то делаете не так.

 

Принцип простой - подключаем плагин (jquery подключать не надо), инициализируем его с нужными настройками.


  • 0

#3 Руслан

Руслан
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 40
  • topics: 11

Posted 18 February 2016 - 19:41

Подключал эту штуку для JBImage, проблем не было, Вы что-то делаете не так.

 

Принцип простой - подключаем плагин (jquery подключать не надо), инициализируем его с нужными настройками.

ну с этим я согласен, но у меня там еще одно дополнение которое не работает без этого файлика

там особая система комментариев с оценкой, вот оценка (звездочки) тоже на нем работает

 

и опять же, без файлика (если его закомментировать)

кнопки работают а плагин этот нет


                    <div class="item-image jb-divider-bottom">
						<div id="gallery_01">
                        	 <img id="img_01" alt="Лампа А-5-4200-27 (Копировать)" title="Лампа А-5-4200-27 (Копировать)" src="/images/led-bulb2_1.jpg" data-zoom-image="/images/led-bulb2_1.jpg" />
 
 <a class="elevatezoom-gallery" title="Лампа А-5-4200-27 (Копировать)" href="#" data-image="/images/led-bulb2_1.jpg" data-zoom-image="/images/led-bulb2_1.jpg"><img id="img_01" alt="Лампа А-5-4200-27 (Копировать)" title="Лампа А-5-4200-27 (Копировать)" src="/images/led-bulb2_1.jpg" data-zoom-image="/images/led-bulb2_1.jpg" /></a> 
 <a class="elevatezoom-gallery" title="Лампа А-5-4200-27 (Копировать)" href="#" data-image="/images/headers/slider-3.jpg" data-zoom-image="/images/headers/slider-3.jpg"><img id="img_01" alt="Лампа А-5-4200-27 (Копировать)" title="Лампа А-5-4200-27 (Копировать)" src="/images/headers/slider-3.jpg" data-zoom-image="/images/headers/slider-3.jpg" /></a> 
 						</div>
						
<script>
//initiate the plugin and pass the id of the div containing gallery images 
$("#img_01").elevateZoom({
	gallery:'gallery_01',
	zoomType : "inner", 
	cursor: 'crosshair',
	zoomWindowFadeIn: 400,
	zoomWindowFadeOut: 750,
	easing : true,
	galleryActiveClass: 'active', 
	imageCrossfade: true, 
	loadingIcon: 'http://www.elevateweb.co.uk/spinner.gif'}); 
//pass the images to Fancybox 
//$("#img_01").bind("click", function(e) { var ez = $('#img_01').data('elevateZoom');	$.fancybox(ez.getGalleryList()); return false; });

</script>
						
                    </div>

вроде все правильно


Edited by Руслан, 18 February 2016 - 19:47.

  • 0

#4 fiction13

fiction13
  • JBZoo User (rus)
  • User rate: 272.6
  • posts: 604
  • topics: 23

Posted 18 February 2016 - 19:45

Без ссылки на проблемную страницу помочь Вам будет затруднительно.


  • 0

#5 Руслан

Руслан
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 40
  • topics: 11

Posted 18 February 2016 - 20:09

Без ссылки на проблемную страницу помочь Вам будет затруднительно.

отправил в личку

есть еще один сайт, там все работает и с этим файлом (конфликта нету)

http://test.bestmom....k-dzhentelmen-3

как решил проблему не помню, копаюсь весь день, на могу найти проблемы


  • 0

#6 Ёшкин Кот

Ёшкин Кот
  • JBZoo User (rus)
  • User rate: 77.8
  • posts: 757
  • topics: 134

Posted 18 February 2016 - 22:41   Best Answer

попробуйте обернуть скрипт инициализации в такую обертку:

jQuery(function($) {
		
$("#img_01").elevateZoom({
    gallery:'gallery_01',
    zoomType : "inner",
    cursor: 'crosshair',
    zoomWindowFadeIn: 400,
    zoomWindowFadeOut: 750,
    easing : true,
    galleryActiveClass: 'active',
    imageCrossfade: true,
    loadingIcon: 'http://www.elevateweb.co.uk/spinner.gif'}); 
//pass the images to Fancybox 
//$("#img_01").bind("click", function(e) { var ez = $('#img_01').data('elevateZoom');    $.fancybox(ez.getGalleryList()); return false; });

});

Авось поможет. %)


  • 3

#7 Руслан

Руслан
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 40
  • topics: 11

Posted 19 February 2016 - 01:58

Ура заработало !!!

Спасибо большое!!!

 

я пробовал так сделать:

jQuery("#img_01").elevateZoom({
    gallery:'gallery_01',
    zoomType : "inner",

...

не подошло ...

 

а на это, мозгов видимо не хватило )),

кстати, дополнительное расширение тоже переделал

и тоже заработало

Спасибо огромное!


Edited by Руслан, 19 February 2016 - 02:07.

  • 1





Also tagged with one or more of these keywords: jquery, конфликт, конфликты

Click to return to top of page in style!