有什么想法為什么我的blueimp jQuery文件上傳腳本不起作用？

Question

我正在使用blueimp JQuery文件上傳腳本看中文件的上傳。 您可以在此處下載它： https : //github.com/blueimp/jQuery-File-Upload/zipball/master （ZIP）。

這是JavaScript代碼的片段：

$(function () {
    'use strict';

    // Initialize the jQuery File Upload widget:
    $('#fileupload').fileupload({
    // Dirs
    url: 'accesspoint/upload.php',
    uploadDir: 'accesspoint/files/',
    thumbnailsDir: '',

    // Options
    autoUpload: 1,
    maxNumberOfFiles: 1,
    limitConcurrentUploads: 1,
    maxFileSize: 1000000,
    });

    // Load existing files:
    $.getJSON($('#fileupload form').prop('action'), function (files) {
        var fu = $('#fileupload').data('fileupload');
        fu._adjustMaxNumberOfFiles(-files.length);
        fu._renderDownload(files)
            .appendTo($('#fileupload .files'))
            .fadeIn(function () {
                // Fix for IE7 and lower:
                $(this).show();
            });
    });

    // Open download dialogs via iframes,
    // to prevent aborting current uploads:
    $('#fileupload .files a:not([target^=_blank])').live('click', function (e) {
        e.preventDefault();
        $('<iframe style="display:none;"></iframe>')
            .prop('src', this.href)
            .appendTo('body');
    });
});

現在看一下http://www.mcemperor.nl/test/appstest/blueimpjqueryfileupload/example/ 。 我們可以上傳文件，並且可以正常工作。 現在，如果我上傳的文件大於上面的JavaScript代碼段中定義的最大文件大小，那么您將看到類似這樣的內容。

完美，按預期工作。 （請注意，我已將最大上載大小設置為1000000字節，因此，如果上載1 MB的文件，則說明該文件太大。）

但是...現在，當我將相同的腳本（經過一些小的修改）作為模塊粘貼到某種框架中時，該腳本將無法正常工作； 我得到這個：

如您所見，“刪除條目”圖標較小（應該是正方形），當我單擊它時什么也沒有發生。

我不知道可能是什么問題。 有人有想法嗎？

• 可以在另一個<form>使用此腳本嗎？
• 多個具有相同id的元素可以成為問題嗎？
• javascript之間的沖突（例如，重新定義函數或對象）會成為問題嗎？

Answer 1

我不確定如何修復腳本，但是可能的解決方法是使用FireBug定位元素，然后使用CSS條目或jquery函數對其進行修補。 另外，您可能會看看jquery.fileupload-ui.css，這是一個CSS文件，負責覆蓋控件的jqueryUI元素。 我知道按鈕可以獨立設置樣式。 同樣，我不確定，但是可能通過腳本添加了一個類來更改刪除按鈕上的圖標。