Javascript 将JS函数影响到动态创建的元素

我现在挣扎的时间太长了

以下是想法： 根据我链接的事件，我有一个选项卡窗格引导：

$（'[data value=“croisiere”]'）。在（'show.bs.tab'，function（）{..}）上

在这个选项卡窗格中，我有一个日期选择器。困难在于每次更新日期选择器时都要重新链接我的函数

基本上就是这样：

$('[data-value="croisiere"]').on('shown.bs.tab',function(){
  console.log("LaunchFunction");
   $('#cruise-tab [class*="glyphicon-chevron"]').on('click', function(){
      console.log('Why is it only working once?');
  }); 
});

那么我如何判断DOM的这一特定部分的更改是否会影响我的函数呢？

如果你想试试这段代码，你可以试一试。您必须从motor中单击选项卡“croisière”。
您必须引用更高的选择器来创建附加到父元素的事件处理程序，该事件处理程序不受动态内容添加的直接影响：

   $('body').on('click','#cruise-tab [class*="glyphicon-chevron"]', function(){
      console.log('This should work')...

奇怪的是，它不工作，它的反应就像元素不存在一样。但是，当我在控制台中查找
$（“#cruise tab[class*=“glyphicon chevron”]”）时，它告诉我元素存在。您的站点有一些Jquery错误，请尝试清除它，然后检查。没关系，我找到了一种方法，它可能来自插件之间的冲突。很高兴您找到了解决方法。。