JavaScript How to load jQuery Migrate for jQuery via RequireJS? jquery migrate load

Can I load jQuery migrate via RequireJS? I don't understand how the timing can be handled correctly. See this example:

require([
  'jquery',
  'jqmigrate'
], function ($) {
  if ($.browser.msie) {...}
});

Isn't is possible that jqmigrate will load before jquery? Also, I do not want to keep loading jqmigrate explicitly in every module. Any way to do this in the require.config so it loads jqmigrate automatically when jQuery is required?

Answer:1

using shims worked for me. I did get stuck because i had pluralized shims its; shim

requirejs.config({
    paths: {
        'jquery': '//code.jquery.com/jquery-2.1.4',
        'jquery-migrate': '//code.jquery.com/jquery-migrate-1.2.1'
    },
    shim: {
        'jquery-migrate': { deps: ['jquery'], exports: 'jQuery' },
        'foo': ['jquery']
    }
});
require(['jquery-migrate', './foo'], ($, foo) => {
     console.log('bootstrapped', $, foo);
});

Answer:2

There are a couple of things you will need:

make sure jqmigrate depends on jquery.
you could write a wrapper module that include both, and return jquery, so your require.config could look like:

jquery-wrapper.js:

define(['jquery-src', 'jqmigrate'], function ($) {
  return $;
})

require.config

{
  paths: {
    'jquery-src' : '/path/to/jquery',
    'jqmigrate': '/path/to/jqmigrate',
    'jquery': '/path/to/jquery-wrapper'
  }
}

Answer:3

JWPlayer, Soundcloud file source

Does JWPlayer support the file source from soundcloud? <script type="text/javascript" language="javascript"> jwplayer("mainplayer").setup({ playlist: [{ ...

How to fix overlapping bricks with Angular + Masonry?

I'm using passy's angular-masonry directives to render tiled elements in my app. Unlike a lot of the masonry examples, my bricks don't include images, just static text and layout content rendered ...

live datatables records, displaying data with classes and data binding envolves in table row or td

Im using datatables and I came across for a self requirements where I want a live table data and I use datatables for this requirements, however Im having an issue when displaying the pulled data from ...

datatables live records add edit delete

Trigger an event on specific slide - Bootstrap Carousel

Ok, so I need to trigger an event when specific (let's say number 2) slide is displayed. I've checked this function: $('#myCarousel').bind('slide.bs.carousel', function (e) { console.log($(this));...

trigger specific event vba
c# trigger event specific time
trigger event at specific time
jquery trigger specific event
javascript trigger event at specific time
java trigger event at specific time
android trigger event at specific time
specific trigger event