Jquery更新到1.10.2后,Jquery Ajax Json对象未显示

Jquery Ajax Json object not showing after Jquery update to 1.10.2

本文关键字:Jquery Ajax Json 对象 显示 更新      更新时间:2024-05-07

我正在进行的项目有问题。之前的程序员使用了jquery 1.4.4,现在我将其更新为1.10.2。原因是设计器使用了bootstrap。。

但当我在1.10.2中运行它时,1.4.4中工作的一个对象没有显示在1.10.2 中

这是1.10.2中没有显示的脚本var interest=new Array();

$(document).ready(function () {
    InitInterestPreferencesDialogs();
    $(".Interest").live('click', function () {
        $(".SelectedInterest").removeClass("SelectedInterest");
        AddInterest(this.id);
    });
  jQuery.ajax({ type: "POST",
        url: "/Bubble/MyInterests",
        dataType: "json",
        traditional: true,
        success: function (data) {
            $("#interestContainer").empty();
            $("#interestTemplate").render(data).appendTo("#interestContainer");
            RefreshPage();
        }
    });
});
 <div id="interestouter">        
    <div id="interestContainer"></div>
</div>
<script id="interestTemplate" type="text/html">
    <div id="{{= Id}}" icon="{{= Icon}}" class="{{= CssClass}}">
        <div class="interesticon {{= Icon}}" title="{{= Name}}">
        </div>
        {{= Name}}
    </div>
</script>

有人能看到我的问题在哪里吗?唯一改变的是我使用的是jquery 1.10.2版本,而不是1.4.4

根据jQuery文档:

"从jQuery 1.7开始,.live()方法已被弃用。请使用.on()附加事件处理程序。旧版本jQuery的用户应优先使用.delete(),而不是.live(。"

所以这个

$(".Interest").live('click', function () {
    $(".SelectedInterest").removeClass("SelectedInterest");
    AddInterest(this.id);
});

应该用这个代替

$(".Interest").on('click', function () {
    $(".SelectedInterest").removeClass("SelectedInterest");
    AddInterest(this.id);
});