我一直在努力将idangero swiper jquery插件添加到我的站点中，但还是成功地生成了下面的代码。这非常有效，但仅适用于中定义的一个自定义页面模板function register_swiper() 以下代码的一部分。但是，我需要在另一组使用不同页面模板的页面上使用swiper，为滑块使用不同的选项，如中所定义var mySwiper = $(\'.swiper-container\').swiper({ mode:\'horizontal\', 例如slidesPerView: 3.

function register_swiper() {
wp_register_style( \'swiper-css\', get_stylesheet_directory_uri() . \'/css/idangerous.swiper.css\' );
wp_register_script( \'swiper-js\', get_stylesheet_directory_uri() . \'/js/idangerous.swiper-2.1.min.js\' , array( \'jquery\' ) );
if ( is_page_template(\'Review.php\')|| is_page_template(\'Comparison.php\' )){
     wp_enqueue_style( \'swiper-css\' );
     wp_enqueue_script( \'swiper-js\' );
}
}
add_action( \'wp_enqueue_scripts\', \'register_swiper\' );

function print_my_inline_script() {
   if ( wp_script_is( \'swiper-js\', \'done\' ) ) { ?>
        <script type="text/javascript">
             $(document).ready(function(){
var mySwiper = $(\'.swiper-container\').swiper({
mode:\'horizontal\',
});
})

        </script>

 <?php } 
}

add_action( \'wp_footer\', \'print__my_inline_script\' );

如果我解释得很糟糕，我真的很抱歉，但我不擅长解释这些事情，所以如果你需要更多的信息来帮助你，请一定要问！

提前多谢！

以下是swiper网站的链接：http://www.idangero.us/sliders/swiper/api.php

add_action( \'wp_footer\', \'print__my_inline_script\' );