github/backbone
1
1
Fork 0
mirror of https://github.com/jashkenas/backbone.git synced 2026-01-22 13:28:22 -05:00
Code Issues Packages Projects Releases Wiki Activity

inject js library with Backbone.use(myLib)

Browse Source
This commit is contained in:
Matt Smith
2011-09-11 10:17:28 -04:00
committed by James Sanders
parent bbee6f17ce
commit 701350ab90
3 changed files with 46 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
backbone.js
View File

@@ -40,6 +40,25 @@
// For Backbone's purposes, jQuery, Zepto, or Ender owns the `$` variable.
var $ = root.jQuery || root.Zepto || root.ender;
// Set the javascript library that will be used for the selector work
// (a.k.a. the `$` variable).
//
// By default Backbone will use: jQuery, Zepto, or Ender; but the `use()`
// method let's you inject an alternate javascript library (or a mock
// library for testing your views outside of a browser). This is also useful
// if you are using a packaging library -- to add support for `require()`
// calls in the browser (e.g. ender or browserify). The scoping used to
// support `require()`, prevents Backbone from automatically loading the
// default javascript library.
//
// Backbone.use(jQuery)
//
Backbone.use = function(lib) {
$ = lib;
};
// Runs Backbone.js in *noConflict* mode, returning the `Backbone` variable
// to its previous owner. Returns a reference to this Backbone object.
Backbone.noConflict = function() {

1
test/test.html
View File

@@ -21,6 +21,7 @@
<script type="text/javascript" src="view.js"></script>
<script type="text/javascript" src="sync.js"></script>
<script type="text/javascript" src="speed.js"></script>
<script type="text/javascript" src="use.js"></script>
</head>
<body>
<h1 id="qunit-header">Backbone Test Suite</h1>

26
test/use.js Normal file
View File

@@ -0,0 +1,26 @@
$(document).ready(function() {
var view = new Backbone.View({
id : 'test-use',
className : 'test-use'
});
// a mock javascript library
var myLib = function(){ return "spam" }
module("Backbone.use");
test('Backbone.use', function() {
view.el = document.body;
// switch to mock library and see if it is being used
Backbone.use(myLib);
ok(view.$('#qunit-header a') === 'spam');
// switch back to jQuery and make sure it works
Backbone.use(jQuery);
ok(view.$('#qunit-header a').get(0).innerHTML.match(/Backbone Test Suite/));
});
});