Select2 Ajax call failing with Uncaught ReferenceError: require is not defined.

1,310 views
Skip to first unread message

gnlm...@gmail.com

unread,
Mar 24, 2015, 10:19:31 PM3/24/15
to sel...@googlegroups.com
Does Select2 now have a prerequisite requirement for require.js or something as from the 4.0.0-rc.2 version from cdnjs.cloudfare.com I keep getting an error in select2.js on line 4582- Uncaught ReferenceError: require is not defined.

My code is fairly straightforward
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Test Select2</title>
<link href="/css/normalize.css" rel="stylesheet">
<link media="all" type="text/css" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.2/css/select2.css">
</head>
<body>
<!-- Main content -->
<section class="content">
<form method="POST" action="http://test.local/test" accept-charset="UTF-8" role="form">
<div class="form-group minimal">
<span class="col-xs-3 control-label minimal"><label for="Test">Test:</label></span>
<div class="input-group col-xs-8 pull-left select2-bootstrap-prepend">
<input type="hidden"
id="test_select2"
class="input-xlarge form-control minimal select2"
data-placeholder="Search ACME"
data-minimumInputLength=3
data-width="copy"
data-containterCssClass="form-control minimal"
data-dropdownCssClass="alert-danger"
data-allowClear="true"
data-delay=250>
</div>
</div>
</section>
<!-- scripts -->
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/jquery/2.1.3.min.js"><\/script>')</script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
$(document).ready(function () {
$("#test_select2").select2({
ajax: {
url: "/admin/test",
dataType: 'json',
delay: 250,
data: function (params) {
return {
q: params.term,
page: params.page
};
},
processResults: function (data, page) {
return {
results: data.items
};
},
cache: true
}
});
});
</script>
<//body>
</html>

eras...@gmail.com

unread,
Mar 25, 2015, 6:08:53 AM3/25/15
to sel...@googlegroups.com, gnlm...@gmail.com
Same here. Read somewhere to just prepend 'select.' to your id/class and kinda works. To me 4.0.0-RC2 seems still kinda buggy.

Kevin Brown

unread,
Mar 25, 2015, 11:05:38 AM3/25/15
to sel...@googlegroups.com, gnlm...@gmail.com
Hi everyone,

This is a known issue that only affects those using Select2 with a hidden input.


When we decided to namespace our internal `require` calls, we missed two. This will be fixed before the final release (which is coming "soon").

Kevin Brown


--
You received this message because you are subscribed to the Google Groups "select2" group.
To unsubscribe from this group and stop receiving emails from it, send an email to select2+u...@googlegroups.com.
To post to this group, send email to sel...@googlegroups.com.
Visit this group at http://groups.google.com/group/select2.
For more options, visit https://groups.google.com/d/optout.

Reply all
Reply to author
Forward
0 new messages