javascript 不适用于动态添加的选项卡

Question

我现在面临一个奇怪的错误，涉及 javascript。我使用 jquery ui 选项卡在我的网站中动态添加和删除选项卡，选项卡的内容包含两个按钮，鼠标悬停时它们会消失，并在底部相关链接的鼠标离开时可见。此鼠标悬停适用于第一个默认选项卡，但不适用于动态添加的选项卡。当我将鼠标悬停在新标签的内容上时，效果没有发生。这是一个 fiddle

http://jsfiddle.net/Hunain/E2nJa/这个 fiddle 与我的结果不完全一样，不包含我的问题所以请正确阅读我上面的陈述，因为我已经解释了这个问题我使用了以下代码进行鼠标悬停

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

Answer 1

您在文档加载时绑定(bind)事件，并在绑定(bind)事件后添加按钮。所以事件不会绑定(bind)后面添加的元素。
您应该在添加按钮后绑定(bind)事件。