Jquery来复制PHP效果

好的，我尝试在HTML页面中复制相同的功能，使用JQuery从我的数据库中拉入页面产品

目前，在该流程的PHP版本中，您有对DB的典型PHP调用来连接：

<?php

define('INCLUDE_CHECK',1);
require "connect.php";

?>

我得到的图像来accross，但没有得到拖拽和下拉的效果，以适用于这些产品。我不是在收集我需要的所有信息吗

以下是与此过程一起工作的拖放脚本：

$(document).ready(function(){
var xhr;
if (window.XMLHttpRequest) {
    xhr = new XMLHttpRequest();
}else if (window.ActiveXObject) {
    xhr = new ActiveXObject("sxml2.XMLHTTP");
}else {
    throw new Error("Ajax is not supported by this browser");
}

$(".product img").draggable({

containment: 'document',
opacity: 0.6,
revert: 'invalid',
helper: 'clone',
zIndex: 100

});

$("div.content.drop-here").droppable({

        drop:
                function(e, ui)
                {
                    var param = $(ui.draggable).attr('src');

                    if($.browser.msie && $.browser.version=='6.0')
                    {
                        param = $(ui.draggable).attr('style').match(/src=\"([^\"]+)\"/);
                        param = param[1];
                    }

                    addlist(param);
                }

});

});

谢谢

---

Matt

在ajax调用之前，您为应用拖放影响而进行的函数调用。。一旦插入了图像，就需要在ajax调用的成功部分重新调用它们。

在ajax调用之前，您为应用拖放影响而进行的函数调用。。一旦插入图像，就需要在ajax调用的成功部分重新调用它们

现在还有其他一些脚本 识别出这个吐出的信息 并将工具提示应用于产品和 让他们拖拉

这就是你的问题所在。这些脚本可能在页面加载时启动，此时所有元素都已存在。如果使用AJAX方法填充html（我假设这些脚本是接收到的html的一部分），onload事件将永远不会触发。 您需要做的是找出页面加载时调用了哪些事件，然后再次触发它们

解决方法是使用iframe而不是AJAX加载内容。我不太喜欢iframes，但在这种特殊情况下，它听起来像是一个快速的解决方案

现在还有其他一些脚本 识别出这个吐出的信息 并将工具提示应用于产品和 让他们拖拉

这就是你的问题所在。这些脚本可能在页面加载时启动，此时所有元素都已存在。如果使用AJAX方法填充html（我假设这些脚本是接收到的html的一部分），onload事件将永远不会触发。 您需要做的是找出页面加载时调用了哪些事件，然后再次触发它们

---

解决方法是使用iframe而不是AJAX加载内容。我不太喜欢iframes，但在这种情况下，它听起来像是一个快速的解决方案。

对于那些希望看到我前几天发布的这个问题的答案的人来说，好的，你在这里：

多亏了西蒙和马尔苏普，他们为我指明了正确的方向，他们的帮助让我真正摆脱了困境

好的，我缺少的是将script.js中脚本的相关部分包装到如下函数中：

function initializeDraggableProductImage() {
$(".product img").draggable({

    containment: 'document',
    opacity: 0.6,
    revert: 'invalid',
    helper: 'clone',
    zIndex: 100
});

$("div.content2.drop-here").droppable({

        drop:
                function(e, ui)
                {
                    var param = $(ui.draggable).attr('src');

                    if($.browser.msie && $.browser.version=='6.0')
                    {
                        param = $(ui.draggable).attr('style').match(/src=\"([^\"]+)\"/);
                        param = param[1];
                    }

                    addlist(param);
                }

});
};

$(document).bind('init-draggable-products', initializeDraggableProductImage);

并将其绑定到文档

然后在成功呼叫中回忆它，如：

var grbData = $.ajax({
type : "GET",
url : "getRow.php",
dataType: 'html',
success: function (html) {
    $(".drag-desired").html(html);
    $.event.trigger('init-draggable-products');
},
error: function (xhr) {
    $('#errorDisplay').html('Error: '+ xhr.status +'' +xhr.statusText);
}
});

---

好的，对于那些想看到我前几天发布的这个问题的答案的人，你在这里：

多亏了西蒙和马尔苏普，他们为我指明了正确的方向，他们的帮助让我真正摆脱了困境

好的，我缺少的是将script.js中脚本的相关部分包装到如下函数中：

function initializeDraggableProductImage() {
$(".product img").draggable({

    containment: 'document',
    opacity: 0.6,
    revert: 'invalid',
    helper: 'clone',
    zIndex: 100
});

$("div.content2.drop-here").droppable({

        drop:
                function(e, ui)
                {
                    var param = $(ui.draggable).attr('src');

                    if($.browser.msie && $.browser.version=='6.0')
                    {
                        param = $(ui.draggable).attr('style').match(/src=\"([^\"]+)\"/);
                        param = param[1];
                    }

                    addlist(param);
                }

});
};

$(document).bind('init-draggable-products', initializeDraggableProductImage);

并将其绑定到文档

然后在成功呼叫中回忆它，如：

var grbData = $.ajax({
type : "GET",
url : "getRow.php",
dataType: 'html',
success: function (html) {
    $(".drag-desired").html(html);
    $.event.trigger('init-draggable-products');
},
error: function (xhr) {
    $('#errorDisplay').html('Error: '+ xhr.status +'' +xhr.statusText);
}
});

---

可拖动/可拖放脚本在哪里？我刚刚添加了拖放脚本可拖动/可拖放脚本在哪里？我刚刚添加了拖放脚本我想这就是我丢失的地方。在这个过程的成功部分，我怎样才能回忆起它们？感谢Guy将拖放脚本的相关部分拖到函数中，然后只需调用函数Simon。。。很抱歉问你，你能告诉我怎么做吗？我想这就是我迷路的地方。在这个过程的成功部分，我怎样才能回忆起它们？感谢Guy将拖放脚本的相关部分拖到函数中，然后只需调用函数Simon。。。很抱歉问你，你能告诉我怎么做吗？