堆棧內存溢出
  簡體   English   中英

$ .widget不是blueimp jQuery文件上傳器間歇性的函數

[英]$.widget is not a function with blueimp jQuery file uploader intermittent

 原文  2015-09-30 15:26:31  7   1    javascript/ jquery/ file-upload/ jquery-file-upload/ blueimp

問題描述

我正在嘗試使用blueimp的jQuery文件上傳。 我應該在此頁面中鏈接所有要求。 我沒有看到任何文件加載錯誤。 發生的情況是文件上傳按鈕間歇性地不起作用，並且Firebug引發了以下錯誤： 

TypeError: $.widget is not a function


$.widget('blueimp.fileupload', {

jquery....load.js (line 87)
TypeError: $(...).fileupload is not a function


$('#pdf-upload')

我不確定是什么原因導致此錯誤間歇性發生。

標題： 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Admin</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="/css/admin.css" rel="stylesheet" type="text/css" />
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/jscripts/gen_functions.js"></script>
<script type="text/javascript" src="/jscripts/validation.js"></script>
<script type="text/javascript" src="/jscripts/selectbox.js"></script>
<script type="text/javascript" src="/jscripts/admin_products.js"></script>
<script type="text/javascript" src="/mainhold/6DKkzyUpi/ckeditor.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="/jscripts/qfax-events-admin.js"></script>
    <!--Google Analytics Code Here -->
    <!--- eg the below link would only show on the index page
    <link rel="canonical" href="" />
    --->
    <meta name="viewport" content="width=device-width; initial-scale=1.0">
  <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->


</head>

頁腳： 

<script type="text/javascript">
jQuery( document ).ready( function( $ ) {
    var $currentPaymentDiv = $('#check-payment');

    $('#pdf-upload')
    .fileupload( {
        'url' : $('#fileupload').data( "url" ),
        'dataType' : "json",
        'done' : function( e, data ) {
            data = data.result;

            if( data.success ) {
                if( data.rows instanceof Array ) {
                    for( var i=0, length=data.rows.length; i<length; i++ ) {
                        var row = data.rows[ i ];

                        if( row.success ) {
                            $('#no-pdfs').hide();
                            $('#case-pdf-header').after( 
                                    '<tr><td class="tabledata" valign="top">'+
                                        '<a class="delete-pdf" href="'+row.delete_url+'"><i class="fa fa-times"></i> | '+
                                        '<a class="edit-pdf" href="'+row.edit_url+'"><i class="fa fa-edit"></i>'+
                                    '</td>'+
                                    '<td class="tabledata" valign="top"><a href="'+row.view_url+'">'+row.filename+'</a></td>'+
                                    '<td class="tabledata" valign="top">'+row.sent+'</td>'+
                                    '<td class="tabledata" valign="top">'+row.modified+'</td>'+
                                    '<td class="tabledata" valign="top">'+row.created+'</td>'+
                                    '<td class="tabledata" valign="top">'+row.login_staffname+'</td></tr>'
                                    );
                        }
                        else {
                            alert( "Error uploading. "+row.message );
                        }
                    }
                }
            }
            else {
                alert( "Error uploading. "+data.message );
            }
            //console.log( data );
        }
    } );

} );
</script>
<script src="/jscripts/jQuery-File-Upload-9.11.2/js/jquery.iframe-transport.js"></script>
<script src="/jscripts/jQuery-File-Upload-9.11.2/js/jquery.fileupload.js"></script>
<!--[if (gte IE 8)&(lt IE 10)]>
<script src="/jscripts/jQuery-File-Upload-9.11.2/js/cors/jquery.xdr-transport.js"></script>
<![endif]--></td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        </table>

                        <br /><br /><br /><br />
                        <br /><br /><br /><br />


</body>

1 個解決方案

解決方案1
 0 已采納  2015-09-30 17:33:21

解決了將CKEDITOR放在jQuery包括之后的問題。

結果頭： 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Admin</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="/css/admin.css" rel="stylesheet" type="text/css" />
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/jscripts/gen_functions.js"></script>
<script type="text/javascript" src="/jscripts/validation.js"></script>
<script type="text/javascript" src="/jscripts/selectbox.js"></script>
<script type="text/javascript" src="/jscripts/admin_products.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="/mainhold/6DKkzyUpi/ckeditor.js"></script>
<script type="text/javascript" src="/jscripts/qfax-events-admin.js"></script>
    <!--Google Analytics Code Here -->
    <!--- eg the below link would only show on the index page
    <link rel="canonical" href="" />
    --->
    <meta name="viewport" content="width=device-width; initial-scale=1.0">
  <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->


</head>

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何在PHP中使用Blueimp jQuery文件上傳器？ Jquery文件上傳器blueimp，意外的令牌/字符 blueimp多文件上傳器 當文件位於目錄中時，在文件名中添加前綴-Blueimp jQuery Uploader 如何在Blueimp jquery文件上傳器中發送會話數據？ 在CodeIgniter中集成Blueimp（jQuery上載器） 在jQuery BlueImp上傳器中從文件名中刪除空格 多個文件上傳-Blueimp jQuery Uploader blueimp jquery文件上傳錯誤.fileupload不是函數 Blueimp File Uploader提交了多次
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM