我创建了一个使用 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">
中看到更多示例
关于jquery 翻转开关无法使用 jquery-toggles 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15423559/