events - Can't Backbone.js and jQuery-UI's custom Widget live in peace? -
i looking way use both jquery's custom widgets (for encapsulating ui components along internal states , custom events aimed use on outside dom), , wonderful "backbone.js" framework in project. 1 major problem stumbled upon if bind event handlers widget's root element (in order control widget's internal behavior), , later set same element root element backbone's view, backbone automatically unbinds all pre-existing events (set widget) , replaces them event handlers specified @ view's "events" hash.
so, if set following event handlers in widget declaration:
var el = this.element; el.bind("mouseenter", function (e) { el.css("backgroundimage", "url(over.png)").addclass("selected"); }).bind("mouseleave", function (e) { el.css("backgroundimage", "").removeclass("selected"); });
and instantiate backbone.js view:
// "participant"'s render() creates div , initializes widget on var userview = new this.views.participant({ model: user }); $("#somediv").append(userview.render().el);
my mouse event handlers stop responding! there way make backbone manage it's own handlers without affecting others?
this problem solved in development version of backbone.js (current stable version 3.3 still contains "bug"). can use snapshot https://github.com/documentcloud/backbone.
Comments
Post a Comment