Javascript 引导网格系统不允许移动设备点击

我创建了一个幻灯片，它在桌面上运行得很好，但是（'click'）在移动版本中不起作用。但是，对于其他移动按钮，单击效果很好

html

利息

script.js

for (var i = 0; i < numClips; i++) {
    $($bubbles[i]).on('click', function () {
          alert('test') 
    });
 }

for（变量i=0；i

更新这是引导css。如果我不包括boostrap，那么单击在移动设备上可以正常工作，但我不知道css的哪一部分导致它失败

---

更新2特别是Boostrap中的网格系统。我在玩自定义boostrap下载的游戏，我可以使用除网格系统之外的所有组件，网格系统打破了幻灯片放映

您需要查看一些jQuery教程，这两个代码段都在做不必要的工作（将jQuery对象包装到另一个jQuery对象中，而不是使用jQuery的设置功能，…）您没有向我们提供足够的信息来帮助您，尽管猜测这个问题的答案应该会有所帮助：如果没有，尽管，请使用可运行的堆栈代码片段（

[]

工具栏按钮）更新您的问题，以演示问题。我试图给出一个简单的示例，因此不必查看整个幻灯片，但现在我已发布了整个幻灯片代码。我查看了均匀绑定，但不确定如何将其应用于此。请阅读我发布的链接：它不是“哦，那太少了？然后只发布Whole的东西。”它是关于创建一个实际复制问题的最小示例。人们都很乐意帮忙，但你必须尽自己的一份力量。第一次我发布代码时，我认为代码说明了问题，而你说这还不够。据我所知，唯一的问题是“点击”和动态生成，这就是我发布的内容。尤其是因为它在桌面上运行良好

for (var i = 0; i < numClips; i++) {
    $($bubbles[i]).on('click', function () {
          alert('test') 
    });
 }