Javascript在bootstrap carousel项目中无法正常工作？

Question

我遇到了这个问题并想知道是否有解决方案：

我有一个带有引导程序轮播的HTML5页面，其中包含一些显示某些内容的DIV。其中一个DIV还包含一些用于调用某些JS函数的按钮。我注意到这些函数都没有被调用，即使是简单的console.log也不起作用：

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false" >
    <div class="carousel-inner" role="listbox">
        <div class="item active" >
            <button onclick="console.log('TEST!');">TEST</button>
...

所有标签都正确关闭，为了清楚起见，我省略了其他行。旋转木马本身按预期工作，没有任何问题，但其中的Javascript没有显示任何反应。当我在旋转木马外放置相同的按钮标签时，控制台给我一个“测试！”在控制台中。

这里有什么问题，可以修复吗？或者当我在我的内容中需要JS时，是否需要避免轮播？