The CheckBox() helper does not render thedata-val attributes because the form has already rendered CheckBoxFor() for the same property. If you swap the order, the data-val attributes would be rendered for CheckBox() (and not for CheckBoxFor()). My understanding is this would cause a potential (duplication) problem with jquery.validation.unobtrusive when parsing the form. The html helpers … Read more
It’s not recommended to inline static resources (in your case, the inline javascript) since you can’t cache them. Caching a static resource reduces the size of page loads – thus increasing the page load speed – for returning visitors. However it comes at the cost of an additional HTTP request which should be avoided. Whenever the … Read more
You can detect if the event is supported by: if (‘ontouchstart’ in document.documentElement) { //… } Give a look to this article: Detecting event support without browser sniffing The isEventSupported function published there, is really good at detecting a wide variety of events, and it’s cross-browser.
Checkout the wikipedia article: Unobtrusive JavaScript “Unobtrusive JavaScript” is a general approach to the use of JavaScript in web pages. Though the term is not formally defined, its basic principles are generally understood to include: Separation of functionality (the “behavior layer”) from a Web page’s structure/content and presentation Best practices to avoid the problems of … Read more
The ramification is that w3c comes along in 2, 5, 10 years and creates an attribute with the same name. Now your page is broken. HTML5 is going to provide a data attribute type for legal custom attributes (like data-myattr=”foo”) so maybe you could start using that now and be reasonably safe from future name … Read more
No javascript in the markup is unobtrusive: Obtrusive: <div onclick=”alert(‘obstrusive’)”>Information</div> Unobtrusive: <div id=”informationHeader”>Information</div> window.informationHeader.addEventListener(‘click’, (e) => alert(‘unobstrusive’))
The ready event occurs after the HTML document has been loaded, while the onload event occurs later, when all content (e.g. images) also has been loaded. The onload event is a standard event in the DOM, while the ready event is specific to jQuery. The purpose of the ready event is that it should occur … Read more