我有一个简单的D& D脚本,你可以在这里看到:
http://demo.superdit.com/jquery/dragdrop_cart/
现在它工作很好,直到我尝试用AJAX添加产品(加载页面后)
这是AJAX调用(常规AJAX)
$.ajax({
url: "Search.php",
dataType: 'json',
type: 'GET',
data: "ebayq="+value,
success: function(data){
globalRequest = 0;
resultContainer2.fadeOut('fast', function() {
resultContainer2.html('');
var html2 = [];
for (var i = 0; i < items.length; ++i)
{
html2 += '<label class="title"><a href="'+viewitem+'" target="_blank">'+title+'</a></label>';html2 += '<img src="'+pic+'">';
html2 += ' <label class="price">New Price: '+myprice+'</label>';
html2 += '</div>';
resultContainer2.append(html2);
}
我猜是因为这些元素在页面加载后加载,并且它不会将它们识别为可拖动的项目..
有没有办法让这个AJAX项目可拖动?
非常感谢!
答案 0 :(得分:4)
在您的AJAX成功方法中再次运行$('your-selector').draggable()
。
除非您能找到一种方法让Jquery.on
或Jquery.live
与JqueryUI.Draggable
一起使用。