Your approach creates a single li element outside of the loop and tries to append the same thing to the ul five times. But since you hold a reference to a single li, each time you append it, it actually removes it from where it is and re-adds it there.. In the solution the li … Read more
EDIT: I have modified my answer to talk a little about performance and some particular cases. If you are here just looking for code, there is a commented snippet at the bottom. Original answer Instead of adding the .active class to all the links, you should identify the one which attribute href is the same … Read more
This will do it $(“.size a”).click(function(){ $(‘.size a.checked’).not(this).removeClass(‘checked’); $(this).toggleClass(‘checked’); }) Update Alternatively you could do $(“.size”).on(‘click’,’a’, function(){ $(this).toggleClass(‘checked’).siblings().removeClass(‘checked’); })
IE prior to 9 doesn’t support window.getSelection(). You can use document.selection instead (see this msdn page for the description). This selection object has a method createRange() that returns a TextRange object (see this msdn page for details). Note that both the selection and textrange objects are Microsofts own implementation and do not follow the W3C … Read more
There are much better ways to sort. You need a comparison function that returns the right values: -1, 0, and 1. localeCompare() is such a comparison function. You can just move the DOM elements around rather than regenerating the HTML. You can get the LI elements directly in the original selector. “#table1” is a more … Read more
I’m not sure about Android or BlackBerry, but iOS will automatically pick up telephone numbers and wrap them like so: <a href=”https://stackoverflow.com/questions/17345177/tel:xxx”>xxx</a>…so you could have a hidden <div> somewhere that contains a phone number like 1-800-555-5555, then, on page load do something like this: var isTelephone = $(“a[href*=’tel:’]”).length > 0; This may or may not … Read more
Here is a way to disable specific dates from being selected: var unavailableDates = [“9-5-2011″,”14-5-2011″,”15-5-2011”]; function unavailable(date) { dmy = date.getDate() + “-” + (date.getMonth()+1) + “-” + date.getFullYear(); if ($.inArray(dmy, unavailableDates) < 0) { return [true,””,”Book Now”]; } else { return [false,””,”Booked Out”]; } } $(‘#iDate’).datepicker({ beforeShowDay: unavailable }); Source: jQuery – Datepicker – … Read more
Actually some browsers such as Google Chrome might block if you attempt to alert in a window unload. As a user I like this feature. Alerting every time you try to navigate away from a page sucks: Replace the alert with a console.log or something else less intrusive to the user and the event will … Read more
I prefer data structure like this: var carMakers = [ { name: ‘Honda’, models: [ { name: ‘Accord’, features: [‘2dr’, ‘4dr’] }, { name: ‘CRV’, features: [‘2dr’, ‘Hatchback’] }, { name: ‘Pilot’, features: [‘base’, ‘superDuper’] } ]}, { name: ‘Toyota’, models: [ { name: ‘Prius’, features: [‘green’, ‘superGreen’] }, { name: ‘Camry’, features: [‘sporty’, ‘square’] … Read more
Install a handler instead of a hook. There are two complementary ways I’ve done this in the past: decorator, or Bottle plugin. I’ll show you both and you can decide whether one (or both) of them suit your needs. In both cases, the general idea is: a handler intercepts the response before it’s sent back … Read more