Try this one : $(document).ready(function(){ $(‘.check:button’).toggle(function(){ $(‘input:checkbox’).attr(‘checked’,’checked’); $(this).val(‘uncheck all’); },function(){ $(‘input:checkbox’).removeAttr(‘checked’); $(this).val(‘check all’); }) }) DEMO
Actually, your last example: <div data-foobar=”{“foo”:”bar”}”></div> seems to be working well (see http://jsfiddle.net/GlauberRocha/Q6kKU/). The nice thing is that the string in the data- attribute is automatically converted to a JavaScript object. I don’t see any drawback in this approach, on the contrary! One attribute is sufficient to store a whole set of data, ready to … Read more
You can serialize the data as JSON, like this: $.cookie(“basket-data”, JSON.stringify($(“#ArticlesHolder”).data())); Then to get it from the cookie: $(“#ArticlesHolder”).data(JSON.parse($.cookie(“basket-data”))); This relies on JSON.stringify() and JSON.parse() to serialize/deserialize your data object, for older browsers (IE<8) include json2.js to get the JSON functionality. This example uses the jQuery cookie plugin
Provided that you follow the BSD licensing provisions, you can cherry-pick the easing functions that you want directly from the jQuery UI source code. Note that some of these functions depend on other functions within the list. To view and compare these easing functions in action, see: http://api.jqueryui.com/easings/ /* * jQuery Easing v1.3 – http://gsgd.co.uk/sandbox/jquery/easing/ … Read more
The following will log a warning to the console: // Warning Duplicate IDs $(‘[id]’).each(function(){ var ids = $(‘[id=”‘+this.id+'”]’); if(ids.length>1 && ids[0]==this) console.warn(‘Multiple IDs #’+this.id); });
The AngularJS way of calling $http would look like: $http({ url: “http://example.appspot.com/rest/app”, method: “POST”, data: {“foo”:”bar”} }).then(function successCallback(response) { // this callback will be called asynchronously // when the response is available $scope.data = response.data; }, function errorCallback(response) { // called asynchronously if an error occurs // or server returns response with an error status. … Read more
What’s going on!? “jQuery probably copies those properties into the jQuery object.” You’re exactly correct, so it sounds like you already know! 🙂 Hopefully jQuery will update their code to stop touching that, but at the same time WebKit should have known better than to log a deprecation warning on an event (at least in … Read more
if (typeof jQuery != ‘undefined’) { // jQuery is loaded => print the version alert(jQuery.fn.jquery); }
Ok, I’ve got it to work. change <div id=”myModal” class=”modal hide fade” tabindex=”-1″ role=”dialog” aria-labelledby=”myModalLabel” aria-hidden=”true”> <div class=”modal-header”> <button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>×</button> <h3 id=”myModalLabel”>Panel</h3> </div> <div class=”modal-body” style=”max-height: 800px”> to <div id=”myModal” class=”modal hide fade” role=”dialog” aria-labelledby=”myModalLabel” aria-hidden=”true”> <div class=”modal-header”> <button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>×</button> <h3 id=”myModalLabel”>Panel</h3> </div> <div class=”modal-body” style=”max-height: 800px”> (remove tabindex=”-1″ … Read more
GET recipe For this task you can use already available plugins and bootstrap extensions. Or you can make your own confirmation popup with just 3 lines of code. Check it out. Say we have this links (note data-href instead of href) or buttons that we want to have delete confirmation for: <a href=”#” data-href=”delete.php?id=23″ data-toggle=”modal” … Read more