Перейти к содержимому


Фотография
- - - - -

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

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

Лучший Ответ Ёшкин Кот , 18 February 2016 - 22:41

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

  1. jQuery(function($) {
  2. $("#img_01").elevateZoom({
  3.     gallery:'gallery_01',
  4.     zoomType : "inner",
  5.     cursor: 'crosshair',
  6.     zoomWindowFadeIn: 400,
  7.     zoomWindowFadeOut: 750,
  8.     easing : true,
  9.     galleryActiveClass: 'active',
  10.     imageCrossfade: true,
  11.     loadingIcon: 'http://www.elevateweb.co.uk/spinner.gif'});
  12. //pass the images to Fancybox
  13. //$("#img_01").bind("click", function(e) { var ez = $('#img_01').data('elevateZoom');    $.fancybox(ez.getGalleryList()); return false; });
  14.  
  15. });
  16.  

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

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 6

#1 Руслан

Руслан

Отправлено 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

Отправлено 18 February 2016 - 19:31

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

 

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


  • 0

#3 Руслан

Руслан

Отправлено 18 February 2016 - 19:41

fiction13 сказал(а) 18 Фев 2016 - 18:31:

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

 

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

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

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

 

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

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

  1.  
  2. <div class="item-image jb-divider-bottom">
  3. <div id="gallery_01">
  4. <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" />
  5. <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>
  6. <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>
  7. </div>
  8. <script>
  9. //initiate the plugin and pass the id of the div containing gallery images
  10. $("#img_01").elevateZoom({
  11. gallery:'gallery_01',
  12. zoomType : "inner",
  13. cursor: 'crosshair',
  14. zoomWindowFadeIn: 400,
  15. zoomWindowFadeOut: 750,
  16. easing : true,
  17. galleryActiveClass: 'active',
  18. imageCrossfade: true,
  19. loadingIcon: 'http://www.elevateweb.co.uk/spinner.gif'});
  20. //pass the images to Fancybox
  21. //$("#img_01").bind("click", function(e) { var ez = $('#img_01').data('elevateZoom'); $.fancybox(ez.getGalleryList()); return false; });
  22.  
  23. </script>
  24. </div>

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


Сообщение отредактировал Руслан: 18 February 2016 - 19:47

  • 0

#4 fiction13

fiction13

Отправлено 18 February 2016 - 19:45

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


  • 0

#5 Руслан

Руслан

Отправлено 18 February 2016 - 20:09

fiction13 сказал(а) 18 Фев 2016 - 18:45:

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

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

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

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

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


  • 0

#6 Ёшкин Кот

Ёшкин Кот

Отправлено 18 February 2016 - 22:41   Лучший Ответ

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

  1. jQuery(function($) {
  2. $("#img_01").elevateZoom({
  3.     gallery:'gallery_01',
  4.     zoomType : "inner",
  5.     cursor: 'crosshair',
  6.     zoomWindowFadeIn: 400,
  7.     zoomWindowFadeOut: 750,
  8.     easing : true,
  9.     galleryActiveClass: 'active',
  10.     imageCrossfade: true,
  11.     loadingIcon: 'http://www.elevateweb.co.uk/spinner.gif'});
  12. //pass the images to Fancybox
  13. //$("#img_01").bind("click", function(e) { var ez = $('#img_01').data('elevateZoom');    $.fancybox(ez.getGalleryList()); return false; });
  14.  
  15. });
  16.  

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


  • 3

#7 Руслан

Руслан

Отправлено 19 February 2016 - 01:58

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

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

 

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

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

...

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

 

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

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

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

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


Сообщение отредактировал Руслан: 19 February 2016 - 02:07

  • 1





Темы с аналогичным тегами jquery, конфликт, конфликты

Click to return to top of page in style!