2013-03-15 56 views
2

我創建了一個簡單的例子,使用Simon Tabor的「jquery-toggles」插件(https://github.com/simontabor/jquery-toggles)。儘管它起作用,但圖形從不出現。我確認CSS和JS加載正常,但仍然沒有圖像。有人能夠找出原因嗎?jquery翻轉開關不工作使用jQuery的切換

<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> 
+0

你能後的CSS和JS文件太大,或創建的jsfiddle我們可以看到? (jsfiddle.net) – 2013-03-15 02:12:44

+0

我試圖讓一個jsfiddle,但不能這樣做...對不起 – TSG 2013-03-15 02:31:53

回答

5

你需要用正確的主題包裝你的切換。

<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">

+3

壞文檔....你是正確的感謝。如果其他人想要嘗試應用程序,則關於讀取更改參數的狀態/回調方面的文檔是錯誤的。通過代碼反向工程... – TSG 2013-03-15 23:39:09

+0

很好的感謝輸入 – 2014-02-24 18:01:03