jQuery UI可拖拽功能无法与AJAX一起使用

Question

我有一个简单的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元素可拖动呢？

非常感谢您！

- Eran Levi

Answer 1

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

除非您能找到一种使Jquery.on或Jquery.live与JqueryUI.Draggable配合使用的方法。

- MichaelS

---

谢谢！这里是使用jquery.live的可拖动方法：https://dev59.com/G3I-5IYBdhLWcg3wiY7a - Eran Levi