我曾尝试在我的网站上为客户推荐设置一个区域，但我在使用jQuery插件Unslider时遇到了问题，我已经实现了这个插件。

Here is the live site. - 滑块位于第三部分“HVA KUNDENE SIER”下。

首先，我将写下我所做的，我的实际问题在这个问题的底部。

下面是我所做的：

我已经为推荐创建了一个自定义帖子类型，其中标记是根据插件的指导原则设置的：

<div class="referanse-wrapper">
    <div class="banner">

        <?php
            $args = array(
                \'post_type\' => \'referanse\'
            );
            $referanser = new WP_Query( $args );
            if( $referanser->have_posts() ) {
                while( $referanser->have_posts() ) {
                    $referanser->the_post();
                    ?>
                        <ul class="flex-unslider-ul">   
                            <li class="flex-unslider-slide">
                                <div class="content">
                                    <?php the_content(); ?>
                                </div>
                                <h1>- <?php the_title() ?></h1>
                            </li>
                        </ul>
                    <?php
                }
            }
            else {
                echo \'Oh ohm no referanser!\';
            }
        ?>



    </div>
</div>

我还包括了jQuery，并将缩小的脚本复制到一个js文件中，我在函数中调用了该文件。php文件：

function my_scripts() {
wp_enqueue_script( \'unslider\', get_bloginfo(\'template_directory\') . \'/../canvas-flex/js/unslider.min.js\', array(\'jquery\') );
}
add_action(\'template_redirect\', \'my_scripts\');

最后，我在标题中添加了这个脚本。php文件：

<script>
jQuery(document).ready(function($) {
    $(\'.banner\').unslider({
        speed: 500,               //  The speed to animate each slide (in milliseconds)
        delay: 3000,              //  The delay between slide animations (in milliseconds)
        complete: function() {},  //  A function that gets called after every slide animation
        keys: true,               //  Enable keyboard (left, right) arrow shortcuts
        dots: true,               //  Display dot navigation
        fluid: true              //  Support responsive design. May break non-responsive designs
    });
})
</script>

目前，我有两个主要问题，我有麻烦：

1： 只显示第一张幻灯片，不显示下一张幻灯片。

2： 导航点显示在标记中，但不会显示在网站上。

感谢您的帮助。如果我缺少一些信息，请随时告诉我，我会尽快添加：）

<?php
$args = array(
    \'post_type\' => \'referanse\'
);
$referanser = new WP_Query( $args );
if( $referanser->have_posts() ):
    ?>
    <ul class="flex-unslider-ul">
        <?php  while( $referanser->have_posts() ): $referanser->the_post(); ?>
        <li class="flex-unslider-slide">
            <div class="content">
                <?php the_content(); ?>
            </div>
            <h1>- <?php the_title() ?></h1>
        </li>
        <?php endwhile; ?>
    </ul>
<?php
else:
    echo \'Oh ohm no referanser!\';
endif;
?>