我仅将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');
答案 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();