jQuery addClass example

Change class name on click in jQuery

by atach

HTML

<script src="https://lib.arvancloud.com/ar/bootstrap-touchspin/4.2.5/jquery.bootstrap-touchspin.js"></script>
<link rel="stylesheet" href="https://lib.arvancloud.com/ar/bootstrap-touchspin/4.2.5/jquery.bootstrap-touchspin.css">
<input class="spinner" value="1" readonly /><br/>
<input class="spinner" value="1" readonly /><br/>
<div class="newSpinner"></div>

<div class="eventResult"></div>

JavaScript

// Инициализирутся элементы которые на странице
initSpinner();

setTimeout(function() {
	// При какиих то условиях подгружаются и иногда добавляются еще
	$(".newSpinner").html('<hr/><input class="spinner" value="1" readonly /><br/>');
  
  // Повторно инициализирую спиннер
  initSpinner();
}, 500);


$("body").on("touchspin.on.stopspin", ".spinner", function(target) {
    alert("On change")
  });
  




function initSpinner() {
	$("input.spinner").trigger('touchspin.destroy');
	$("input.spinner").TouchSpin();
}