conflict with jQuery and Prototype
Hi all,
I am not sure if this is a conflict-related issue.
I have a web page running both jQuery and Prototype, I've tried
blocking one of them and run the page, the page would load without any
errors, so I suppose that can be explained with a conflict issue.
I've read the post on jQuery's website about fixing the conflict with
renaming the jQuery variable. Since my code loads jQuery first, I did
not include noConflict(), instead, I just used jQuery instead of $ in
the function called (this all happen before I load in the
prototype.js).
I think that kind of resolve the conflict issue, however, now I am
getting this error from IE browser saying:
"'this.style' is null or not an object"
This is pointing to the jQuery.js file inside the function code block
jQuery.fn.extend({
show: function(speed,callback){
return speed ?
this.animate({
height: "show", width: "show", opacity: "show"
}, speed, callback) :
this.filter(":hidden").each(function(){
this.style.display = this.oldblock || "";
if ( jQuery.css(this,"display") == "none" ) {
var elem = jQuery("<" + this.tagName + " />").appendTo("body");
this.style.display = elem.css("display");
// handle an edge condition where css is - div { display:none; }
or similar
if (this.style.display == "none")
this.style.display = "block";
elem.remove();
}
}).end();
},
I am not sure why it is because the block of code where this function
applies to does have style attribute display, so I am not sure what
it's trying to tell me.
Any idea is appreciated. Thanks in advance!