我遇到了这个问题,想知道是否有解决方案:
我有一个带有引导轮播的 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 时,我是否需要避免轮播?