Javascript 引导幻灯片事件在AJAX内部不起作用成功

这是我的代码，AJAX成功调用中的“幻灯片”事件

success: function(data) {
    $('#my_container').html(data);
    // I am getting' #mycarousel' successfully in to #my_container
    $('#mycarousel').bind('slid', function(e) {
        console.log('hi');
    }
    // tried 'slid.bs.carousel' too, no change.
    // btw, I can see my 'slid' function under event listeners for that element.
    // when I paste the above binding code in console again it shows the element too.
});

我想在Slide事件上打印“hi”到控制台，但它现在不起作用

---

谢谢

动态加载转盘后，您必须对其进行初始化（如建议的那样）：

在这里，您可以看到它正在工作：

确保通过ajax拉入的html包含有效的旋转木马

---

参考：

检查页面中是否加载了多个版本的jquery库

---

使用

$.fn.jquery

查找加载的版本，并将其与包含的jquery版本进行交叉检查，发现两者相同

我只想打印“console.log（'hi'）；”这是一个关于您所问问题的工作文档：您的问题可能在代码的其他地方。等等，我明白了，你正在通过ajax加载旋转木马……是的，当我将html和js放在JSFIDLE中检查代码时，它工作了。因此，我认为问题在别处。谢谢你的提醒。你肯定需要运行

$（“#mycarousel”）.carousel（）动态加载旋转木马后。在其他地方查看之前，请尝试一下。我认为这就是问题所在-当我在控制台中选中“$.fn.carousel”时，它是未定义的。知道为什么吗？是的，就是这样。刚刚检查，意外地使用了jquery版本2.2.x两次（一次直接使用，另一次包含在另一个js文件中）。解决了我的问题。谢谢
  $('#my_container').html(data);

  $("#mycarousel").carousel();

  $('#mycarousel').bind('slide.bs.carousel', function (e) {
      console.log('slide event!');
  });

  $('#mycarousel').bind('slid', function (e) {
      console.log("slid event!");
  });