2013-10-09 58 views
0

我用下面的代码更新阿贾克斯成功函数如何更新

$.ajax(
{ 
url:'test.php', 
type: 'POST', 
data:'start='+start, 
success:function(e) 
{ 
var response=e; 
$('#field-video-keywords #optkeywords option:last').after(response); 
$("#field-video-keywords").select2('close');               
    $("#field-video-keywords").select2('open'); 


}, 
error: function() 
{ 
alert('Error');      
} 
}); 

内容正在更新后选择2下拉菜单中的内容阿贾克斯成功的功能后,选择2下拉菜单中的内容,但更新是可见而下拉正在关闭,然后opening..Please帮我解决这个问题

更新 感谢您的宝贵回应,
我能追加的响应数据。但是当我向下滚动列表时,它会回到选择列表的顶部。我怎样才能解决这个问题

$('#keywords ul.select2-results').scroll(function() 
{ 
var div = $(this); 
var keywordscount=$('#keywordscount').text(); 
var newkeywordscount = Number(keywordscount) + Number(20); 
if (div[0].scrollHeight - div.scrollTop() == div.height()) 
{ 
$.ajax(
{ 
url:'test.php', 
type: 'POST', 
data:'start='+newkeywordscount, 
success:function(e) 
{       
var response=e; 
$("#field-video-keywords").select2('close'); 
$('#field-video-keywords #optkeywords option:last').after(response); 
$("#field-video-keywords").select2('open'); 
$('#keywordscount').html(newkeywordscount); 
}, 
error: function() 
{ 
alert('Error');      
} 
}); 
} 
}); 

回答

1

尝试更改成功函数将此:

success:function(e) { 
    var response=e; 
    $("#field-video-keywords").select2('destroy'); 
    $('#field-video-keywords option:last').after(response);                
    $("#field-video-keywords").select2(''); 
}, 

这应该重新创建新的项目选择2。