jquery UI draggable不适用于AJAX

时间:2013-02-02 10:39:27

标签: jquery ajax jquery-ui

我有一个简单的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项目可拖动?

非常感谢!

1 个答案:

答案 0 :(得分:4)

在您的AJAX成功方法中再次运行$('your-selector').draggable()

除非您能找到一种方法让Jquery.onJquery.liveJqueryUI.Draggable一起使用。