Wie Bootstrap Schieber auf Basis auf Click-Ereignis (innerHTML- Javascript)
function createslider(){
document.getElementById("loadSlider").innerHTML='<input id="ex1" data-slider-id="ex1Slider" type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/>';
}
// Without JQuery
var slider = new Slider('#ex1', {
\t formatter: function(value) {
\t \t return 'Current value: ' + value;
\t }
});
#ex1Slider .slider-selection {
\t background: #BABABA;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.9.0/css/bootstrap-slider.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.9.0/bootstrap-slider.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.9.0/bootstrap-slider.js"></script>
<button onclick="createslider()"> Click me</button>
<div id="loadSlider">
<!--
<input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/>-->
</div>
Problem laden: Bootstrap Slider wird nicht angezeigt auf Click-Ereignis javascript
Erklären: wenn i HTML-Code Schieberegler (ohne Onclick-Ereignis) funktioniert es gut, aber wenn ich Basis auf OnlClick laden Taste Schieberegler ist nicht nur Anzeige Eingabefeld ist Anzeige