Javascript 猫头鹰转盘最后一个点不能设置为活动_Javascript_Jquery

Javascript 猫头鹰转盘最后一个点不能设置为活动

javascript jquery

Javascript 猫头鹰转盘最后一个点不能设置为活动,javascript,jquery,Javascript,Jquery,我希望这不是一个常见的问题，我在这里问了一个愚蠢的问题（我在搜索时没有找到任何关于它的信息）我正在使用基于jquery（V1.11.3）的owl滑块脚本（V2.0.0）。只要元素总数除以屏幕上显示的元素数量（选项“项目”）是一个整数，点导航就可以正常工作。如果没有（例如，总共8个元素，屏幕上应该可以看到3个元素），则单击最后一个点时将永远不会获得活动类，但始终是它旁边的点我在JS控制台中没有发现任何错误 HTML和JavaScript代码： <!DOCTYPE html> &

我希望这不是一个常见的问题，我在这里问了一个愚蠢的问题（我在搜索时没有找到任何关于它的信息）

我正在使用基于jquery（V1.11.3）的owl滑块脚本（V2.0.0）。只要元素总数除以屏幕上显示的元素数量（选项“项目”）是一个整数，点导航就可以正常工作。如果没有（例如，总共8个元素，屏幕上应该可以看到3个元素），则单击最后一个点时将永远不会获得活动类，但始终是它旁边的点

我在JS控制台中没有发现任何错误

HTML和JavaScript代码：

<!DOCTYPE html>
<html>
<head>
    <title>OWL Slider v2</title>
    <link rel="stylesheet" href="../libs/owl.carousel.2.0.0/assets/owl.carousel.css">
    <link rel="stylesheet" href="../libs/owl.carousel.2.0.0/assets/owl.theme.css">
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="../libs/owl.carousel.2.0.0/owl.carousel.js"></script>
</head>
<body>
    <div id="owl-example" class="owl-carousel">
        <div> Your Content 1</div>
        <div> Your Content 2</div>
        <div> Your Content 3</div>
        <div> Your Content 4</div>
        <div> Your Content 5</div>
        <div> Your Content 6</div>
        <div> Your Content 7</div>
        <div> Your Content 8</div>
        <div> Your Content 9</div>
    </div>
    <div id="owl-example2" class="owl-carousel">
        <div> Your Content 1</div>
        <div> Your Content 2</div>
        <div> Your Content 3</div>
        <div> Your Content 4</div>
        <div> Your Content 5</div>
        <div> Your Content 6</div>
        <div> Your Content 7</div>
        <div> Your Content 8</div>
    </div>
    <script>
        $(document).ready(function() {

            /* init 1st slider using default settings */
            $("#owl-example").owlCarousel({
                items:3,
            });

            /* init 2nd slider using default settings */
            $("#owl-example2").owlCarousel({
                items:3,
            });

        });
    </script>
</body>


猫头鹰滑块v2
你的内容1
你的内容2
你的内容3
你的内容4
你的内容5
你的内容6
你的内容7
你的内容8
你的内容9
你的内容1
你的内容2
你的内容3
你的内容4
你的内容5
你的内容6
你的内容7
你的内容8
$（文档）.ready（函数（）{
/*使用默认设置初始化第一个滑块*/
$（“#猫头鹰示例”）.owlCarousel({
项目：3，
});
/*使用默认设置初始化第二个滑块*/
$（“#owl-example2”）.owlCarousel({
项目：3，
});
});

提前感谢您提供的任何提示。

对于我来说，1.3.3版（最新的Firefox）非常适用。既然你说它是2.0.0，你是在使用beta版吗？在主页上写着“2.0.0-beta.2.4”（）所以我想它实际上是beta版。我建议你试试最新的稳定版本，而且-你可能不想在你的实时系统中使用beta版。根据之前参与该项目的同事所说，我们使用2.0.0版的原因，1.3.3版在调整窗口大小时会自动调整滑块元素的大小。我来看看我们如何解决这个问题。感谢hintsI在github发行版#1120中找到了一个工作示例。它在版本1.3.3（最新的Firefox）中非常适合我。既然你说它是2.0.0，你是在使用beta版吗？在主页上写着“2.0.0-beta.2.4”（）所以我想它实际上是beta版。我建议你试试最新的稳定版本，而且-你可能不想在你的实时系统中使用beta版。根据之前参与该项目的同事所说，我们使用2.0.0版的原因，1.3.3版在调整窗口大小时会自动调整滑块元素的大小。我来看看我们如何解决这个问题。感谢hintsI在github发行版#1120中找到一个工作示例。