我试图拦截和处理引导复选框中的更改,我添加了一个'onchange'事件.不幸的是,我没有成功.目前,我有一个按钮,可以更改复选框的状态,这是有效的.
任何提示都将非常感激.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap Toggle</title>
<link href="./css/github.min.css" rel="stylesheet">
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./font-awesome-4.6.3/css/font-awesome.min.css" rel="stylesheet">
<link href="./css/bootstrap-toggle.css" rel="stylesheet">
<link href="./css/stylesheet.css" rel="stylesheet">
<script src="./js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap-toggle.js"></script>
</head>
<body>
<div id="events" class="container">
<h3>API vs Input</h3>
<p>This also means that using the API or Input to trigger events will work both ways.</p>
<div class="example">
<input id="chk1" type="checkbox" data-toggle="toggle" onchange="fonctionTest()">
<input id="chk2" type="checkbox" data-toggle="toggle">
<input id="chk3" type="checkbox" data-toggle="toggle">
<input id="chk4" type="checkbox" data-toggle="toggle">
<button class="btn btn-success" onclick="toggleOnOff('#chk1','on')">On …下午好,
我正在尝试实现'noUIslider'滑动条(http://refreshless.com/nouislider/),即使在他们主页上的第一个例子也在努力.
我已经下载了各种css和js并将它们解压缩到一个文件夹中.然后我写了下面的html页面,但看起来没有什么工作正常(空白的html页面).关于我错过的任何线索？
非常感谢你的帮助,祝你周日愉快.
祝福,劳伦特
<!DOCTYPE html>
<html>
<head>
<link href="nouislider.min.css" rel="stylesheet">
<style>
#showcase {
margin: 0 20px;
text-align: center;
}
#range {
height: 300px;
margin: 0 auto 30px;
}
#value-span,
#value-input {
width: 50%;
float: left;
display: block;
text-align: center;
margin: 0;
}
</style>
</head>
<body>
<script src="nouislider.min.js"></script>
<script>
var range = document.getElementById('range');
noUiSlider.create(range, {
start: [ 20, 80 ], // Handle start position
step: 10, // Slider moves in increments of '10'
margin: 20, // Handles …