Question

我创建了一个使用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>

Answer 1

你需要用恰当的主题包裹你的切换。

<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无法正常工作

1 个答案: