mrosata · August 2, 2015 18:47
diff --git a/refactor-event-cuffs.js b/refactor-event-cuffs.js
 /**
 * This was a refactor to a loop that was building events on a series of toggle switches. 
 * The nature of the events binding would break upon ajax page loading (if it overwrote bs-toggles).
 * To make it dynamic I had to refactor original code (top) to the nice code (bottom) which is 
 * independant of toggle switches themselves. It listens on a anscestor container. An element which
 * will never be overwritten by ajax. On some pages this would have to be <body> perhaps.
 */

 // Original Code. Author unknown.
 $('.switch-toggle').each(function(i,ob){
  $(ob).click(function(){
    var ckd = $('input',ob).is(':checked');
    $('input',ob).prop('checked',!ckd).closest(ob).toggleClass('swith-on',!ckd);
  }).toggleClass('swith-on',$('input',ob).is(':checked'));
 });

 // Ajax Safe Refactor .Author me.
 $('#someModule1').on('click.module1', '.switch-toggle', function(e) {
  var checkbox = $(this).find('input'),
      checked = checkbox.is(':checked');
  checkbox.prop('checked', !checked).parent('.switch-toggle').toggleClass('swith-on', !checked);
  // Return false - to bubble may trigger double clicking (which would give appearance of no response)
  return false;
 });
	/**
	* This was a refactor to a loop that was building events on a series of toggle switches.
	* The nature of the events binding would break upon ajax page loading (if it overwrote bs-toggles).
	* To make it dynamic I had to refactor original code (top) to the nice code (bottom) which is
	* independant of toggle switches themselves. It listens on a anscestor container. An element which
	* will never be overwritten by ajax. On some pages this would have to be <body> perhaps.
	*/

	// Original Code. Author unknown.
	$('.switch-toggle').each(function(i,ob){
	$(ob).click(function(){
	var ckd = $('input',ob).is(':checked');
	$('input',ob).prop('checked',!ckd).closest(ob).toggleClass('swith-on',!ckd);
	}).toggleClass('swith-on',$('input',ob).is(':checked'));
	});

	// Ajax Safe Refactor .Author me.
	$('#someModule1').on('click.module1', '.switch-toggle', function(e) {
	var checkbox = $(this).find('input'),
	checked = checkbox.is(':checked');
	checkbox.prop('checked', !checked).parent('.switch-toggle').toggleClass('swith-on', !checked);
	// Return false - to bubble may trigger double clicking (which would give appearance of no response)
	return false;
	});
No results found