javascript - $.widget is not a function with blueimp jQuery file uploader intermittent -
i'm trying use blueimp's jquery file upload. should have of requirements linked in page. don't see file loading errors. what's happening file upload button intermittently doesn't work , firebug throws following errors:
typeerror: $.widget not function $.widget('blueimp.fileupload', { jquery....load.js (line 87) typeerror: $(...).fileupload not function $('#pdf-upload') i'm not sure causes error intermittently.
header:
<!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 below link show on 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> footer:
<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[ ]; 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>
what fixed putting ckeditor after jquery includes.
resulting header:
<!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 below link show on 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>
Comments
Post a Comment