jquery UI 可拖动不适用于 AJAX

Posted 2023-05-08

【中文标题】jquery UI 可拖动不适用于 AJAX

【英文标题】：jquery UI draggable doesn't work with AJAX

【发布时间】：2013-01-17 15:13:25

【问题描述】：

我有一个简单的 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】：

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

除非你能找到一种方法让Jquery.on 或Jquery.live 与JqueryUI.Draggable 一起工作。

【讨论】：

谢谢！！这是在 jquery.live 中使用可拖动的一种方法：***.com/questions/1805210/…