Javascript Carsouel没有工作，js代码没有错误_Javascript_Jquery_Html_Carousel_Strict

Javascript Carsouel没有工作，js代码没有错误

javascript jquery html

Javascript Carsouel没有工作，js代码没有错误,javascript,jquery,html,carousel,strict,Javascript,Jquery,Html,Carousel,Strict,我正在尝试使用jQuery严格模式使这个旋转木马工作，当单击prev和next按钮时，没有任何响应，奇怪的是控制台中没有错误。我在代码中遗漏了什么 html: })（窗口）为什么?？严格模式是不必要的。。。ypur更新函数看起来很空…在严格模式下会出现什么错误？这是为了我正在进行的应用job@Hoyen我没有收到任何错误，滑块不工作。请检查调试器控制台是否有错误，并告诉我们什么东西不工作。 <!doctype html> <meta http-equiv="Cont

我正在尝试使用jQuery严格模式使这个旋转木马工作，当单击prev和next按钮时，没有任何响应，奇怪的是控制台中没有错误。我在代码中遗漏了什么

html:

})（窗口）

为什么?？严格模式是不必要的。。。ypur更新函数看起来很空…在严格模式下会出现什么错误？这是为了我正在进行的应用job@Hoyen我没有收到任何错误，滑块不工作。请检查调试器控制台是否有错误，并告诉我们什么东西不工作。

<!doctype html>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Micah FED Conclusive Exercise</title>

    <link rel="stylesheet" type="text/css" href="inc/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="inc/css/base.css" />
    <script src="inc/js/vendor/jquery.min.js"></script>
    <script src="inc/js/base.js"></script>

</head>
<body>
    <header>
        <nav>
            <ul>
                <li>One</li>
                <li>Two</li>
                <li>Three</li>
                <li>Four</li>
            </ul>
        </nav>
        <h2 class="logo">LOGO</h2>
    </header>
    <div class="page-content">
        <section class="main-carousel">
            <div class="carousel-next">&gt;</div>
            <div class="carousel-prev">&lt;</div>
            <div class="carousel-cells">
                <article>
                    <div class="slide-text">
                        <h1>Slide One</h1>
                        <p>A slide about sliding slides.</p>
                    </div>
                </article>
                <article>
                    <div class="slide-text">
                        <h1>Slide Two</h1>
                        <p>A slide-sliding slider sliding slides.</p>
                    </div>
                </article>
                <article>
                    <div class="slide-text">
                        <h1>Slide Three</h1>
                        <p>A slide-sliding slider sliding slides.</p>
                    </div>
                </article>
            </div>
        </section>
        <section class="column-content">
            <h1>Three Columns</h1>
            <div class="three-columns">
                <aside class="list-block">
                    <h3>List Heading</h3>
                    <ul>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                    </ul>
                </aside>
                <aside class="list-block">
                    <h3>List Heading</h3>
                    <ul>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                    </ul>
                </aside>
                <aside class="list-block">
                    <h3>List Heading</h3>
                    <ul>
                        <li>List Item</li>
                        <li>List Item</li>
                    </ul>
                </aside>
                <aside class="list-block">
                    <h3>List Heading</h3>
                    <ul>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                    </ul>
                </aside>
            </div>
        </section>
    </div>
</body>

(function() {

var Carousel = {
    props:{
        current_slide:1,
        total_slides:3
    },
    init:function(){
        Carousel.next();
        Carousel.previous();
    },
    bindEvents:function(){
        $(".carousel-next").on("click",function(){
            alert('next');
            Carousel.next();
        });
        $(".carousel-prev").on("click",function(){
            Carousel.previous();
        });
    },
    next:function(){
        this.props.current_slide += 1;
    },
    previous:function(){
        this.props.current_slide -= 1;
    },
    update:function(){

    }
}
$(function(){
    Carousel.init();
})