module("event");
test("bind()", function() {
- expect(9);
+ expect(12);
var handler = function(event) {
ok( event.data, "bind() with data, check passed data exists" );
ok( event.data.foo == "bar", "bind() with data, Check value of passed data" );
- }
- $("#firstp").bind("click", {foo: "bar"}, handler).click();
+ };
+ $("#firstp").bind("click", {foo: "bar"}, handler).click().unbind("click", handler);
+
+ ok( !$("#firstp").get(0).$events, "Event handler unbound when using data." );
reset();
var handler = function(event, data) {
ok( event.data.foo == "bar", "Check value of passed data" );
ok( data, "Check trigger data" );
ok( data.bar == "foo", "Check value of trigger data" );
- }
- $("#firstp").bind("click", {foo: "bar"}, handler).trigger("click", [{bar: "foo"}]);
-
+ };
+ $("#firstp").bind("click", {foo: "bar"}, handler).trigger("click", [{bar: "foo"}]).unbind(handler);
+
+ reset();
+ var handler = function(event) {
+ ok ( !event.data, "Check that no data is added to the event object" );
+ };
+ $("#firstp").bind("click", handler).trigger("click");
+
+
+ // events don't work with iframes, see #939
+ var tmp = document.createElement('iframe');
+ document.body.appendChild( tmp );
+ var doc = tmp.contentWindow.document;
+ doc.open();
+ doc.write("<html><body><input type='text'/></body></html>");
+ doc.close();
+
+ var input = doc.getElementsByTagName("input")[0];
+
+ $(input).bind("click",function() {
+ ok( true, "Binding to element inside iframe" );
+ });
+
+ triggerEvent( input, "click" );
+
+ document.body.removeChild( tmp );
+
var counter = 0;
function selectOnChange(event) {
equals( event.data, counter++, "Event.data is not a global event object" );
- }
+ };
$("select").each(function(i){
$(this).bind('change', i, selectOnChange);
}).trigger('change');
ok( a == 1, "check passed data" );
ok( b == "2", "check passed data" );
ok( c == "abc", "check passed data" );
- }
+ };
$("#firstp").bind("click", handler).trigger("click", [1, "2", "abc"]);
});