我创建了一个使用Simon Tabor的"jquery-toggles"插件(https://github.com/simontabor/jquery-toggles)的简单示例.虽然它有效,但图形永远不会出现.我确认CSS和JS加载正常,但仍然没有图像.有人可以找出原因吗？
<html>
<head>
<link rel="stylesheet" href="/include/jquery-toggles-master/themes/toggles-light.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="/include/jquery-toggles-master/toggles.min.js"></script>
<script>
$(document).ready(function () {
$('.toggle').toggles();
});
</script>
</head>
<body>
<div class="toggle toggle-select" data-type="select"></div>
</body>
</html>
你需要用适当的主题包装你的切换.
<div class="toggle-light">
<div class="toggle toggle-select" data-type="select"></div>
</div>
示例:http://jsbin.com/okupof/2/edit
如果您查看http://simontabor.com/labs/toggles/的来源,那么您会看到更多示例<div class="themes">