javascript - jQuery 切换插件(切换按钮)

标签 javascript toggle slidetoggle jquery

我试图让这个切换插件正常工作,但我不断收到错误:

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/

最佳答案

看看这是否有帮助......

我使用“https://rawgithub.com ”来执行 CDN,因为这就是他们的建议......但是适用于生产类型环境,所以不要这样做

<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 fiddle 中,我在左侧面板上添加了两个外部资源**

关于javascript - jQuery 切换插件(切换按钮),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19840130/

相关文章:

javascript - 使用 php 不使用 jQuery 进行 Ajax 表单验证

javascript - MVVM 绑定(bind)后添加到 Kendo MultiSelect

javascript - MongoDB - 使用 $set 更新子文档

jquery - 我需要 .slideToggle 来处理悬停(jQuery)

jquery - 如何让slideToggle从底部滑动(jQuery)

jQuery简单的setInterval到slideToggle

javascript - 滑动切换一旦点击就不会保持不动?

javascript - 关闭 Firefox 时发送 XMLHttpRequest

当鼠标已经位于 onLoad 元素上方时,带有 .toggle() 的 jQuery MouseEnter 和 MouseOut 事件会反转?

javascript - 使用纯 Javascript 在 h1 标题点击上切换元素内容