Question

我一直致力于将Colorbox（灯箱替代品）集成到网站中。

好的，我的头文件是：

<head>
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<link type="text/css" media="screen" rel="stylesheet" href="../colorbox/colorbox.css" />
<script type="text/javascript" src="../colorbox/jquery.colorbox.js"></script>
<script type="text/javascript">
    function saveToBook() { 
        $.fn.colorbox({inline:false, href:'../index.html'}); 
    };
</script>
</head>

我的链接如下：

<a href="#save-to-book" onclick="javascript:parent.saveToBook();return false;" class="recipe-links">Save to Cookbook</a>

我收到的唯一输出（来自FireBug）是：

$.fn.colorbox is not a function

Answer 1

我最好的猜测是../colorbox/jquery.colorbox.js不是正确的路径，你确定它不是这样的吗？

<script type="text/javascript" src="js/colorbox/jquery.colorbox.js"></script>

此外，您的脚本应该更像这样：

$(function() {
  $("a[href='#save-to-book']").click(function() {
    $(this).parent().colorbox({inline:false, href:'../index.html'});
    return false;
  });
});

只需从锚点中删除当前函数和onclick。

Answer 2

嘿，对不起浪费人们的时间 - 我一直在我的本地机器上运行它。

我刚决定将其上传到测试版服务器并且一切正常，显然不喜欢我的路径名称：）

感谢@NickCraver给予它一个机会，并欢呼@PetersenDidlt

Answer 3

嘿，请看下面这是您关闭脚本2的代码

<script language="javascript" type="text/javascript" src="js/jquery.js"></script></script>

jQuery和Colorbox“不是一个函数”

3 个答案: