jquery – 具有不同动态加载列表的多个XEditable Select2元素：仅绑定第一个URL数据源

是否可以“重置”SELEct2的data属性,以便它尊重每个a.team元素的每个数据源？或任何其他解决方案？

$('a.team').editable({
    ajaxOptions: {
        dataType: 'json',type: 'POST'
    },emptytext: 'TBD',placement: 'bottom',success: function (response,newvalue) {
        return editableResponse(response,newvalue);
    },SELEct2: {
        allowClear: true,placeholder: 'SELEct a team',width: '200px',id: function (item) {
            return item.id;
        },ajax: {
            dataType: 'json',results: function (data,pagE) {
                return { results: data };
            }
        },}
});

多个a.team锚定在页面上,如下所示：

<a href="#" class="ur-team label label-inverse" data-type="SELEct2" data-pk="@match.Id" data-source="@Url.Action("GetTeams","Teams",new { schedulEID = match.schedulEID })" data-value="@match.AwayTeamId" data-text="@match.AwayTeam" data-name="away" data-title="update away team" data-url="@Url.Action("updateTeam","AdminMatches")">@match.AwayTeam</a>

注意：我已经验证只有第一个x-editable SELEct2输入的ID用于所有其他SELEct2 AJAX调用.换句话说,它不是数据缓存问题(它是“一旦绑定,所有其他数据源引用被忽略”问题).

更新：这是一个复制问题的快速而肮脏的小提琴：http://jsfiddle.net/ovalsquare/k9b3d/8/.请注意,最终都绑定到list2而不是list,然后是list2.

解决方法

$('a.team').each(function(){
    $(this).editable({
        ajaxOptions: {
            dataType: 'json',type: 'POST'
        },newvalue) {
            return editableResponse(response,newvalue);
        },SELEct2: {
            allowClear: true,id: function (item) {
                return item.id;
            },ajax: {
                dataType: 'json',pagE) {
                    return { results: data };
                }
            },}
    });
});

<a href="#" class="team" data-type="SELEct2" data-pk="1" data-getsource="/list" data-value="100" data-text="Team A" data-name="home" data-title="update home team" data-url="/post">Team A</a>

$('a.team').each(function(){
    $(this).editable('option','source',$(this).data('getsource'));
});