javascript - Bootstrap 轮播类型错误 : e[g] is not a function

Question

我正在尝试创建一个 bootstrap carousel来 self 的 json 数据，我使用 jQuery-Template渲染这个旋转木马，(换句话说，我使用 jQuery-Template 从我的 json 数据动态创建我的旋转木马 slider )。这是我的代码:

    <div id="main-slide-show" class="slide-show" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
        </div>
    </div>
    <script class="tmpl-gallery-slider" type="text/html">
        <div class="item">
            <img src="/content/{{html file.fileName}}" alt="{{html title}}">
        </div>
   </script>

我的回调函数(在使用 jQuery-Template 渲染后)如下所示:

function mainSliderCallback() {
        $(".carousel-inner .item").each(function(i){
            $(".carousel-indicators").append('<li data-target="#main-slide-show" data-slide-to="'+i+'"></li>');
        });
        $(".carousel-inner .item").first().addClass("active");
        $(".carousel-indicators li").first().addClass("active");

        $('.carousel-indicators li').bind('click', function (e) {
            $('#main-slide-show').carousel($(e.target).attr('data-slide-to'));
        });
    }

但是当我点击 carousel 的指示器时，我从 bootstrap.min.js 收到这个错误:

TypeError: e[g] is not a function

另一方面，在页面加载完成后，在 Firebug 中使用此代码，将 carousel 更改为幻灯片 1，没有错误:

$('#main-slide-show').carousel(1);

现在我的问题是我的代码/解决方案有什么问题？

Answer 1

我有同样的问题，只需将你的“滑动到”参数设置为整​​数，一切都会好起来的。

代替

 $('#main-slide-show').carousel($(e.target).attr('data-slide-to'));

使用

var slideTo= $(e.target).attr('data-slide-to');
$('#main-slide-show').carousel(parseInt(slideTo));