JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://requirejs.org/docs/release/2.1.15/minified/require.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/ivaynberg/select2/75e089f3a105771353f940f721404d891c2e2459/select2.css">
<select id="e1" style="display: none">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
</select>
JavaScript
require.config({
paths: {
jquery: '//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min',
select2: 'https://cdn.rawgit.com/ivaynberg/select2/dd323687f3324f9b89d73375777793d7f4c0ad13/select2'
},
shim: {
'select2': {
deps: ['jquery'],
exports: 'Select2'
}
}
});
require(['select2'], function () {
var app = {};
app.select = (function () {
var module = {};
module.init = function () {
$.when(
$("#e1").select2({
width: 'off',
dropdownAutoWidth: 'true'
})).done(function () {
this.select2("container").show();
});
};
return module;
})();
$(document).ready(function () {
app.select.init();
console.log('select');
});
return app;
});