Question

我正在使用jquery函数和html5在我的网站中实现拖放功能。我想在可丢弃的咏叹调上实现效果，就像我将拖放图像放在可丢弃的咏叹调上时，咏叹调所包含的图像应该展开，当我在该区域中放下图像时，它应该显示其中的图像。请帮我。

Answer 1

希望这会有所帮助

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

Answer 2

尝试使用.draggable（）;功能。另外，尝试向我们提供一个JSfiddle的工作示例，当在您的问题的评论中添加HTML和jQuery时，更难理解它，并且您的问题将更有可能无法得到解答。

我正在实现拖放功能，请帮帮我。

2 个答案: