JQuery и Colorbox "не является функцией" - PullRequest
Новая
       24

JQuery и Colorbox "не является функцией"

2 голосов
/ 18 мая 2010

Я работал над интеграцией 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>

Моя ссылка выглядит следующим образом:1006 * 

<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

Ответы [ 3 ]

7 голосов
/ 18 мая 2010

Моим лучшим предположением будет то, что ../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 голосов
/ 02 января 2013

Эй, смотрите ниже, это ваш код, где вы закрываете скрипт 2

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

0 голосов
/ 18 мая 2010

Привет, извините за трату времени людей - я запускал это на своей локальной машине.

Я просто решил загрузить его на бета-сервер, и все работает нормально, очевидно, мне не нравятся мои пути:)

Спасибо @NickCraver за то, что дали ему шанс, и ура @ PetersenDidlt

...