Question

希望有人能够解决我在Bootstraps Carousel和Handlebars上遇到的问题。

我希望这很简单，把手从PHP中加载到形成滑块的模板中。滑块和缩略图渲染但我无法点击拇指并将滑块位置更改为该拇指。

这是不起作用的。请参阅控制台输出以显示它确实获取foo（幻灯片ID）但不执行单击操作。

$('.thumbBtn').on("click", function() {
        //var count = slide id
        var foo = $(this).attr("data-count");

        //log 
        console.log("thumbButtonClick" + foo);

        //change carousel slide
        $('#myCarousel').carousel(foo);

    });

错误：未捕获的TypeError：对象＃的属性“5”不是函数

Answer 1

当我忘记包含jQuery UI库时，我收到此错误。包含jQuery后添加此行。

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></scrip

Answer 2

您是否尝试将数据属性添加到thumbBtn元素？

data-target="#myCarousel" data-slide-to="0"

这应该是获得工作所需的默认方式。

http://getbootstrap.com/2.3.2/javascript.html#carousel

Bootstrap Carousel幻灯片问题（也许是Handlebars的问题？）

2 个答案: