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

时间:2018-12-17 21:13:29

标签: wordpress jquery-mobile

我仅将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函数文件排队的jquery移动文件以及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');

1 个答案:

答案 0 :(得分:0)

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

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

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

注意:如果您像我这样记住使用wordpress,则需要使用jQuery.noConflict();