时间戳

首页 > 解决方案 > JQuery Mobile 为每个页面添加 WordPress 页面内容

wordpress - JQuery Mobile 为每个页面添加 WordPress 页面内容

问题描述

我使用 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');
    });

通过 wordpress 函数文件以及引导 fontawesome 和我的自定义脚本排队的 jquery 移动文件。

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');

标签： wordpressjquery-mobile

解决方案

找到了一个替代解决方案： https ://github.com/maaaaark/bcSwipe/blob/master/jquery.bcSwipe.min.js

这个人专门为 Bootstrap 4 Carousel Mobile Swipe 写了这篇文章。

不需要 tp 使用 jquery-mobile.js。

注意：如果您像我一样使用 wordpress，您将需要使用jQuery.noConflict();

推荐阅读