JQuery Mobile добавляет контент страницы WordPress для каждой страницы

Question

Я использую jquery mobile только для считывания каруселей на странице.

Но по какой-то причине, когда вы посещаете разные страницы сайта, он сохраняет (кеширует?) Данные предыдущей страницы идобавляет новые данные внизу новой страницы.

Есть ли способ отключить это в jquery mobile?или есть альтернативный способ включить пролистывание, чтобы изменить слайды карусели?

Мобильный скрипт jquery для пролистывания слайдов.

    // Mobile Swipe
    $j("#main-slider, #testimonial-slider").swiperight(function() {
      $j(this).carousel('prev');
    });
    $j("#main-slider, #testimonial-slider").swipeleft(function() {
      $j(this).carousel('next');
    });

Мобильные файлы jquery, поставленные в очередь через файл функций wordpress вместе с начальной загрузкой fontawesome имои пользовательские скрипты.

function resources() {  
    wp_enqueue_style('bootstrap', get_template_directory_uri() . '/assets/bootstrap/css/bootstrap.min.css');
    wp_enqueue_style('fontawesome', get_template_directory_uri() . '/assets/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css'); 
    wp_enqueue_style('main', get_template_directory_uri() . '/css/style.css');  
    wp_enqueue_script( 'jquery-mobile-js', get_template_directory_uri() . '/assets/jq-mobile/jquery.mobile-1.4.5.min.js', array('jquery'), '3.3.1' );
    wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/assets/bootstrap/js/bootstrap.min.js', array('jquery'), '3.3.1', true );
    wp_enqueue_script( 'fontawesome-js', get_template_directory_uri() . '/assets/fontawesome/svg-with-js/js/fontawesome-all.min.js', array('jquery'), '3.3.1', true );
    wp_enqueue_script( 'scripts-js', get_template_directory_uri() . '/js/scripts.js', array('jquery'), '3.3.1', true );
}
add_action('wp_enqueue_scripts', 'resources');

Answer 1

Нашел альтернативное решение: https://github.com/maaaaark/bcSwipe/blob/master/jquery.bcSwipe.min.js

Этот человек написал это специально для Bootstrap 4 Carousel Mobile Swipe.

Нет необходимости использовать tp jquery-mobile.js.

Примечание: если вы используете WordPress, как я помню, вам нужно будет использовать jQuery.noConflict();