JQuery 移动为每个页面添加 WordPress 页面内容

Question

我使用 jquery 手机只是为了页面上轮播的滑动功能。

但出于某种原因，当您访问网站上的不同页面时，它会保留（缓存？）以前的页面数据并将新数据添加到新页面的底部。

有什么方法可以在 jquery 移动设备中禁用它吗？或者是否有其他方法可以启用滑动来更改轮播幻灯片？

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 函数文件与 bootstrap 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();

JQuery 移动为每个页面添加 WordPress 页面内容

JQuery Mobile adding WordPress page content for each page

wordpress

jquery-mobile