-1

我正在使用 jquery 函数和 html5 在我的网站中实现拖放功能。我想对可放置的 aria 实现效果,例如当我将图像拖到可放置的 aria 上时,aria 包含的图像应该展开,当我将图像放在该区域时,它应该在其中显示该图像。请帮我 。

4

2 回答 2

0

希望这会有所帮助

window.addEvent('domready', function() {

// Basic example using the best upload method (Autodetect the best method)

var w = $('someWrap');
var btn = w.getElement('.button.upload');
var originalBtnText = btn.innerHTML;

var myUpload = new DropZone({
    ui_button: w.getElement('.button.upload'),
    ui_drop_area: w.getElement('.button.upload'),
    url: 'upload.php',
    multiple: false,
    //method: 'flash', // DEBUG ONLY
    onUploadStart: function(){

        console.log('ON UPLOAD START!');

        btn.innerHTML = '...';

    },
    onUploadProgress: function(perc){

        console.log('ON UPLOAD PROGRESS: ' + Math.floor(perc) + '%');

        btn.innerHTML = Math.floor(perc) + '%';

    },
    onUploadComplete: function(num_uploaded){

        console.log('ON UPLOAD COMPLETE!');

        btn.innerHTML = 'Uploaded!';

        (function(){
            btn.innerHTML = originalBtnText;
        }).delay(2000);

    }
});


 });
</script>

请参考这个

https://github.com/enyo/dropzone

于 2013-08-02T07:24:57.920 回答
0

尝试使用 .draggable(); 功能。另外,尝试为我们提供一个 JSfiddle 的工作示例,当您在问题的评论中添加 HTML 和 jQuery 时,很难理解它,而且您的问题很可能不会得到回答。

于 2013-08-02T10:30:16.813 回答