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

Popular posts from this blog

1111. appearing after print sequence - php -

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -