javascript - jQuery 替换 DIV - 不适用于 1.11

Question

我正在尝试将内容从隐藏的 div 容器加载到事件容器中。这应该很简单。我的代码在旧版 jQuery 中工作得很好，但在最新版本中却被破坏了。我在这里缺少什么？

这是我在 JSFiddle 中的代码 http://jsfiddle.net/poaw07w4/

$('.campuslink').live('click', function () {
var id = $(this).attr("id").replace(/^.(\s+)?/, "");
var contentTobeLoaded = $("#faq_" + id).html();

$('#campusfaq').fadeOut(600,function(){
    $('#campusfaq').html(contentTobeLoaded).fadeIn(500, function () {
    });
});

e.preventDefault();

Answer 1

live method在版本 1.7 中已弃用并在版本 1.9 中删除。您可以使用 on method创建委托(delegate)事件。 (不要忘记e参数):

$(document).on('click', '.campuslink', function (e) {

演示:http://jsfiddle.net/poaw07w4/3/

注意:在文档元素上绑定(bind)事件对应于 live 的工作方式。如果可能，您应该使用更靠近事件发生的元素的元素，以减少开销。