I am using jquery 1.10.2 and the following call to my dialogOpen function works fine in IE9+ but I am getting the following error in IE8:
Object does not support this property or method. Any ideas ?
dialogOpen($(this).attr("id"), $(this).find(".tdStyle").html().trim(), $(this).find(".tdQtyOnHand").html().trim(), $(this), $(this).find(".tdPlantID").html().trim());
Thanks
.html() returns a String object and IE doesn't support the .trim() method on String, fortunately jQuery provides an alternative, $.trim(String). You can also add it yourself (but honestly with jQuery already loaded why would you) by following this exhaustive article (which would allow you to keep your original code entirely unmodified):
if (!String.prototype.trim) {
String.prototype.trim = function () {
return this.replace(/^\s+|\s+$/gm, '');
};
}
$(this).find(".tdStyle").html().trim().trim()is the problem. The error message should have made that obvious. Doing a little research on that method would indicate that it isn't supported in IE<9Object does not support this property or method. It could have been any dereference point (a.) in that line, not necessarily.trim(), as far as what we can glean directly from the error message. Obviously someone familiar with this kind of error, and jQuery chaining, can spot pretty quickly that it's likely.trim(), but that requires experience.