Load the MIGRATE and see the code there See my post about the same thing Where has fn.toggle( handler(eventObject), handler(eventObject)…) gone? I have suggested they rename it to fn.toggler instead of removing it Here is the code – it is a self-contained jQuery plugin and can be used as is. jQuery.fn.toggle = function( fn, fn2 … Read more
$(‘#el’).prop(‘disabled’, function(i, v) { return !v; }); The .prop() method accepts two arguments: Property name (disabled, checked, selected) anything that is either true or false Property value, can be: (empty) – returns the current value. boolean (true/false) – sets the property value. function – Is executed for each found element, the returned value is used … Read more
You can write: $(document).ready(function() { $(“#select-all-teammembers”).click(function() { var checkBoxes = $(“input[name=recipients\\[\\]]”); checkBoxes.prop(“checked”, !checkBoxes.prop(“checked”)); }); }); Before jQuery 1.6, when we only had attr() and not prop(), we used to write: checkBoxes.attr(“checked”, !checkBoxes.attr(“checked”)); But prop() has better semantics than attr() when applied to “boolean” HTML attributes, so it is usually preferred in this situation.
Here is a simple implementation: $.fn.toggleClick = function() { var methods = arguments; // Store the passed arguments for future reference var count = methods.length; // Cache the number of methods // Use return this to maintain jQuery chainability // For each element you bind to return this.each(function(i, item){ // Create a local counter for … Read more
2014 answer: classList.toggle() is the standard and supported by most browsers. Older browsers can use use classlist.js for classList.toggle(): var menu = document.querySelector(‘.menu’) // Using a class instead, see note below. menu.classList.toggle(‘hidden-phone’); As an aside, you shouldn’t be using IDs (they leak globals into the JS window object).
The getElementsByClassName method is now natively supported by the most recent versions of Firefox, Safari, Chrome, IE and Opera, you could make a function to check if a native implementation is available, otherwise use the Dustin Diaz method: function getElementsByClassName(node,classname) { if (node.getElementsByClassName) { // use native implementation if available return node.getElementsByClassName(classname); } else { … Read more
Welcome to SO! If your Leaflet map suddenly works correctly after you resize your browser window, then you experience the classic “map container size not valid at map initialization”: in order to work correctly, Leaflet reads the map container size when you initialize the map (L.map(“mapContainerId”)). If your application hides that container (typically through CSS … Read more