可见性切换不工作在Jquery-ui选项卡中的非活动动态添加选项卡

Question

我现在面临着一个奇怪的错误，涉及到javascript。我使用了jquery ui标签来动态添加和删除我网站中的标签，标签的内容包含两个按钮，这些按钮在鼠标悬停时消失，并在底部相关链接的鼠标上显示。此鼠标悬停适用于第一个默认选项卡，但不适用于动态添加的选项卡。当我鼠标悬停新标签的内容时，效果不会发生。这是一个小提琴

http://jsfiddle.net/Hunain/E2nJa/这个小提琴与我的结果并不完全相同，并且不包含我的问题所以请正确阅读我的上述陈述，因为我已经解释了这个问题，我使用了以下代码进行鼠标悬停和鼠标离开：

$(".butt").on("mouseenter",this, function() {
          $(".butt").css("visibility","hidden")
      })
      $(".info").on("mouseleave",this, function() {
          $(".butt").css("visibility","visible");
      })

当我在开发人员工具中查看时，动态添加的选项卡的可见性是切换，但仅当新创建的动态选项卡处于非活动状态时，因此效果不可见，在使其激活且可查看时效果不会发生或javascript不运行：p