Geeks With Blogs
Steve Albers

The default NuGet template for MVC3 pushes down jQuery 1.5.1.  You can upgrade to a new version (1.7.1 is current when this was written) to avoid a problem with the creation of “unknown” HTML5 tags in IE6-8:

Take this sample HTML page using HTML5Shiv to provide support for new HTML5 tags in IE6 – IE8.  The page has a number of <article> tags that are backwards compatible in Internet Explorer 6-8 thanks to the HTML5Shiv.

PageStart

After the article elements there is a jQuery 1.5.1 script tag, and a ready() event handler that appends a footer element with a copyright to each of the article tags. 

image

This appears correctly in IE9, but in older IE browsers the unknown tag problem reappears for the dynamic <footer> elements, even though we have the HTML5Shiv at the top of the page.  The copyright text sits outside of the two separate footer tags.

1.5.1.Dom

To solve the issue upgrade your jQuery files to an up-to-date version.  For instance in Visual Studio 2010:

  • In the Solution Explorer right click on References and choose Manage NuGet Packages.
  • In the Manage NuGet Packages window select the jQuery item on the middle of the page and click the “Upgrade” button.
  • You may need to upgrade your script src references to point at the new version.

Using the updated jQuery library the incorrect tags should disappear and styles should work properly:

1.7.1.Dom

 

You can find more information about the issue on the jQuery Bug Tracker site.

Posted on Saturday, March 17, 2012 12:52 AM HTML5 , jQuery , JavaScript | Back to top


Comments on this post: Fix a jQuery/HTML5 dynamic content issue by upgrading jQuery

# re: Fix a jQuery/HTML5 dynamic content issue by upgrading jQuery
Requesting Gravatar...
This seems so heavy to implement this on my program, I don't know how but all these short codes that should facilitate my work are putting me through problems. I'll try to fix it with your sollution because I have no longer patience with this stuff.
Left by Florence on Aug 07, 2015 3:34 PM

# re: Fix a jQuery/HTML5 dynamic content issue by upgrading jQuery
Requesting Gravatar...
Hello Steve Albers,

This article really helped in to explore jquery and make this work my way. I am really grateful to you. I work in a company Hire professionals for your work. and I work here as Jquery developer. I follow your blog and it helps me a lot.
Left by borow gocha on May 13, 2016 1:08 AM

Your comment:
 (will show your gravatar)


Copyright © Steve Albers | Powered by: GeeksWithBlogs.net