jQuery Toggles插件(切换按钮)

时间:2013-11-07 15:41:04

标签: javascript toggle slidetoggle jquery

我正试图让这个toggles插件工作,但我一直收到错误:

Uncaught TypeError: Object [object Object] has no method 'toggles'

该插件没有提供太多的实现信息,所以我认为它是直截了当的。我知道插件脚本正确链接,我上面有jquery。这是我的HTML:

<html>
<head>
    <link type="text/css" rel="stylesheet" href="toggles-modern.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" href="toggles.js"></script>

</head>
<body>
    <div class="toggle"></div>
    <script type="text/javascript">$('.toggle').toggles();</script>
</body>
</html>

如何让这个插件正常工作?插件资源在这里:

https://github.com/simontabor/jquery-toggles

http://simontabor.com/labs/toggles/

1 个答案:

答案 0 :(得分:2)

看看这有什么用......

我使用“https://rawgithub.com”来做CDN,因为这是他们的建议.... 然而这是 NOT 对于生产类型的环境而言不这样做

<script type="text/javascript" src="https://rawgithub.com/simontabor/jquery-toggles/master/toggles.min.js"></script>
$(function () {
    $('.toggle').toggles();
});

我好像让它直接从github包含文件...你的开发控制台有错误吗?

http://jsfiddle.net/Mutmatt/fJ6gF

请注意:在js小提琴中我在左侧面板中包含了两个外部资源**