2010-05-18 55 views
2

我一直在努力将Colorbox(一个lightbox替代品)集成到一个网站中。jQuery和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> 

我收到的唯一输出(从萤火虫)是:

$.fn.colorbox is not a function 
+3

你肯定今天jquery.colorbox.js是越来越加载? – PetersenDidIt 2010-05-18 13:08:27

回答

0

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

我决定把它上传到一个测试服务器,它的所有功能罚款,显然不喜欢我的路径名:)

感谢@NickCraver给了它一个镜头,和欢呼声@PetersenDidlt

7

我最好的猜测是../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从锚本身。

+0

只是为了记录,不知道谁投票了这个,但客户想要一个标准的JavaScript函数而不是jQuery和jquery.colorbox.js被正确添加 - 现在排序,我想我只是把它放在这里。 – 2010-05-21 14:02:28

+1

@Neurofluxation - 实际上问题**是**,它被*添加不正确,因为发布它在不同的服务器上工作,文件,路径或权限,无论问题是什么,它都没有被包含在页面中。 – 2010-05-21 14:14:46

0

嘿看下面这是你的代码,你接近脚本2

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

+1

是的,无所谓 - 我现在固定它很久以前... 2010年5月18日...:/ – 2013-01-02 10:05:57