Drag and drop images not uploading

Just tried it in IE with the same result.

Hmm… any chance you can give me access to the liveblog so I can do some testing? My email is [email protected]

Just emailed you.

I think this is the issue:

Uncaught TypeError: Property ‘$’ of object #<Window> is not a function

It’s caused by this block:

var widget = new Aeris.widgets.Currents($(‘#widget-currents’));
// show the Currents widget in the “widget-sample” div
//var currentsTop = new Aeris.widgets.Currents($(‘#widget-sample’));
var widget = new Aeris.widgets.Advisories(jQuery(‘#widget-advisories’));
var currentwidget = new Aeris.widgets.CurrentsCompact(jQuery(‘#widget-currentscompact’));
}

I’m not sure where that’s added though. Can you try removing it and seeing if it’s fixed?

Yes. Removing all of that did the trick. Any idea how I can get them to play well together?

Change instances of $('#widget-currents') to jQuery('#widget-currents') (e.g. the ‘$’ is changing to ‘jQuery’)

Unfortunately, making that change did not help. If I completely remove the following code, it works fine. Do you see anything that stands out as causing the conflict? I don’t want to remove this part of my site.

<script type="text/javascript">
   window.Aeris = window.Aeris || {
      onLoad: function() {
         // Initialize the SDK with your options
         Aeris.init({
            client_id: '4',
            client_secret: 'X4mtWr9hk',
            widgets: true
         });
      },
      onReady: function() {

var widget = new Aeris.widgets.Currents(jQuery('#widget-currents'));
         // show the Currents widget in the "widget-sample" div
         //var currentsTop = new Aeris.widgets.Currents(jQuery('#widget-sample'));
		var widget = new Aeris.widgets.Advisories(jQuery('#widget-advisories'));
var currentwidget = new Aeris.widgets.CurrentsCompact(jQuery('#widget-currentscompact'));
      }
   };

   // Load the SDK asynchronously
   (function(w, d) {
      var loader = function() {
        Aeris.secure = (d.location.protocol === 'https:');
        var b = '//' + ((Aeris.secure === true) ? 'js-secure' : 'js') + '.aerisapi.com/';
        var v = Aeris.version;
        var script = d.createElement('script'), tag = d.getElementsByTagName('script')[0];
        script.type = 'text/javascript';
        script.async = true;
        script.src = b + ((v && v !== '') ? v + '/' : '') + 'aeris.js';
        tag.parentNode.insertBefore(script, tag);
      }
      w.addEventListener ? w.addEventListener('load', loader, false) : w.attachEvent('onload', loader);
   })(window, document);
   </script>

Oh, it’s loading some other JavaScript asynchronously that’s probably conflicting too. They’ll need to update their JavaScript to load in no-conflict mode. Otherwise, only one or the other will work properly.

Same issue on the following page https://www.casually-addicted.net/playstation-meeting-2013-live/any idea how I can get the image uploader working in the live blog?