wordpress 如何使用php关闭或打开Swiper自动播放并动态更改延迟?当我想创建自定义Elementor小部件时,

d7v8vwbk  于 2024-01-06  发布在  WordPress
关注(0)|答案(1)|浏览(192)

我尝试动态更改自定义Elementor小部件的swiper slide的自动播放参数。我尝试在swiper类中动态传递字符串作为对象。但它不起作用。

  1. (function($){
  2. "use strict";
  3. var WidgetTestimonialCarouselHandler = function ($scope, $) {
  4. var carousel_elem = $scope.find('.tpc-testimonial-wrapper-ff').eq(0);
  5. var settings = carousel_elem.data('settings');
  6. var autoPlay = settings['autoplay'];
  7. var autoplay_speed = parseInt(settings['autoplay_speed']) || 3000;
  8. var infiniteLoop = settings['infinite_loop'];
  9. var display_columns = parseInt(settings['display_columns']) || 2;
  10. var item_gap = parseInt(settings['item_gap']) || 20;
  11. var auto_Play = autoPlay;
  12. if (autoPlay==true){
  13. auto_Play = 'autoplay:{delay: '+autoplay_speed+'},'
  14. }
  15. else{
  16. auto_Play = 'autoplay:false,'
  17. };
  18. var wc_auto_play = auto_Play.replace(/"/g, '');
  19. var swiper = new Swiper('.tpc-testimonial-ff', {
  20. spaceBetween: item_gap,
  21. slidesPerView: display_columns,
  22. loop: infiniteLoop,
  23. wc_auto_play,
  24. });
  25. }
  26. $(window).on('elementor/frontend/init', function () {
  27. elementorFrontend.hooks.addAction( 'frontend/element_ready/eduhut-testi-addons.default', WidgetTestimonialCarouselHandler);
  28. });
  29. })(jQuery);

字符串
我想使用elementor的切换按钮关闭或打开自动播放,我还需要更改自动播放的延迟值。但是当我将该参数作为sting传递而不使用qoute时,它不起作用。

r1zhe5dt

r1zhe5dt1#

  1. (function($){
  2. "use strict";
  3. var WidgetTestimonialCarouselHandler = function ($scope, $) {
  4. var carousel_elem = $scope.find('.tpc-testimonial-wrapper-ff').eq(0);
  5. var settings = carousel_elem.data('settings');
  6. var autoPlay = settings['autoplay'];
  7. var autoplay_speed = parseInt(settings['autoplay_speed']) || 3000;
  8. var infiniteLoop = settings['infinite_loop'];
  9. var display_columns = parseInt(settings['display_columns']) || 2;
  10. var item_gap = parseInt(settings['item_gap']) || 20;
  11. var autoplayOptions = autoPlay ? { delay: autoplay_speed } : false;
  12. var swiper = new Swiper('.tpc-testimonial-ff', {
  13. spaceBetween: item_gap,
  14. slidesPerView: display_columns,
  15. loop: infiniteLoop,
  16. autoplay: autoplayOptions,
  17. });
  18. }
  19. $(window).on('elementor/frontend/init', function () {
  20. elementorFrontend.hooks.addAction('frontend/element_ready/eduhut-testi-addons.default', WidgetTestimonialCarouselHandler);
  21. });
  22. })(jQuery);

字符串

展开查看全部

相关问题