Javascript 在Twitter引导程序中触发事件'；旋转木马

旋转木马滑动后，我想在ID

myCarousel

之外的输入中添加一个值

旋转木马滑动后执行事件的功能如下：

$('#myCarousel').bind('slid', function() {
  $('input[name=linkOnly]').val('Test')
}

我想在特定幻灯片放映后触发一个事件。我尝试过类似于

$（'#myCarousel li[data slide to=1]'）.bind（'slided'，function（）…

，但它没有注册

---

非常感谢您的帮助。

您可以在适当的事件上设置一个事件处理程序，然后根据幻灯片的当前状态选择执行任何操作。例如，在幻灯片1循环时触发一些javascript：

$(document).on("slid", function(event) {
  if ($(event.target).find(".active").data("slide-to") == 1) {
    // do stuff
  }
});

从快速测试来看，除非它附加到旋转木马上方的元素，否则这似乎不起作用（如果您有多个旋转木马，则还需要稍微更改）

编辑：快速查看后，如果绑定到旋转木马本身，上述操作不起作用的原因是，在触发

滑动

事件之后，才添加

活动

类（似乎如果将处理程序添加到父元素，则会添加

活动的
类，而
滑动的
事件会弹出）。您可以通过使用
设置超时来延迟触发的行为（即使超时为
0
）来解决此问题：

额外的代码是否值得，这取决于您，尽管它可能更稳定一些。它甚至可能值得稍微延迟（而不是
0
），以确保事情按照您期望的方式运行。
您可以在适当的事件上设置事件处理程序，然后根据幻灯片当前的状态选择执行任何操作。例如，当幻灯片1循环时触发一些javascript：

$(document).on("slid", function(event) {
  if ($(event.target).find(".active").data("slide-to") == 1) {
    // do stuff
  }
});

从快速测试来看，除非它附加到旋转木马上方的元素，否则这似乎不起作用（如果您有多个旋转木马，则还需要稍微更改）

编辑：快速查看后，如果绑定到旋转木马本身，上述操作不起作用的原因是，在触发
滑动
事件之后，才添加
活动
类（似乎如果将处理程序添加到父元素，则会添加
活动的
类，而
滑动的
事件会弹出）。您可以通过使用
设置超时来延迟触发的行为（即使超时为
0
）来解决此问题：

额外的代码是否值得，这取决于您，尽管它可能更稳定一些。它甚至可能值得稍微延迟（而不是
0
），只是为了确保事情按照您期望的方式运行。
谢谢！有没有办法在“Slided”中引用
旋转木马
而不是
文档
？用
旋转木马
或
替换它？我的旋转木马
不工作。是的，我在做快速测试时注意到，如果它连接到汽车上，它就不工作了旋转木马本身，虽然我不完全确定为什么。但是任何更高级别的元素都应该可以工作，所以我不知道是否可以将其绑定到旋转木马的父级或其他级别（我只是以
文档
为例）。了解了为什么它不能在元素本身上工作，更新了答案。啊，好的。谢谢！（最后的
0
有什么用？
setTimeout
有两个参数，第一个是要执行的代码，第二个是在执行之前等待的延迟（毫秒）（请参阅）。在这种情况下，
0
似乎足够了，但为了安全起见，可能值得稍微碰一下。谢谢！有没有办法在“Slided”上引用
carousel
而不是
文档
？用
carousel
或
替换它？myCarousel
不起作用。是的，我在快速测试时注意到了这一点如果它连接到旋转木马本身，则不起作用，尽管我不完全确定原因。但是任何更高级别的元素都应该起作用，因此我不知道是否可以将其绑定到旋转木马的父级或其他级别（我只是使用了
文档
作为示例）。找出了它在元素本身上不起作用的原因，更新了答案。啊，好的。谢谢！（最后的
0
是什么？
setTimeout
包含两个参数，第一个是要执行的代码，第二个是在执行之前等待的延迟（以毫秒为单位）（请参阅）.在这种情况下，
0
似乎足够了，但为了安全起见，可能值得稍微增加一下。