Я делаю своего рода галерею с помощью плагина colorbox (http://www.jacklmoore.com/colorbox/), и я как-то не могу заставить его работать.jQuery colorbox плагин не работает

Я скопировал демонстрационный код прямо с веб-страницы (я изменил его, чтобы соответствовать мои ссылки)

<!doctype html> 

<html> 

    <head> 

     <link rel="stylesheet" href="colorbox.css" /> 

     <script src="jquery.js"></script> 

     <script src="jquery.colorbox.min.js"></script> 

    </head> 

    <body> 

     <a class='gallery' href='image.jpg'>Photo_1</a> 

     <script> 

      alert('colorbox is about to open') 

      $("a.gallery").colorbox(); 

     </script> 

    </body> 

</html>

Таким образом, ясно, что я делаю что-то неправильно, я просто не могу понять, что. Я включил файлы jquery, colorbox и colorbox.css в свой каталог с html. Если вы можете мне помочь, спасибо заранее!

источник

2013-08-31 user2734700

Что вы подразумеваете под словом «не работает»? Не отображается ли оно правильно? или есть ошибка JavaScript? –

Вы должны привыкнуть использовать Firebug (плагин для Firefox) и/или инспектор Google Chrome (который по умолчанию включен в Chrome). Если вы используете какой-либо из них, вы можете щелкнуть правой кнопкой мыши-> элемент контроля, а затем перейти на вкладку «Сеть».

Обновите свою страницу, пока вы находитесь на вкладке «Сеть», вы увидите HTTP-запросы. Это поможет вам понять, есть ли неверный путь или какие-либо недостижимые файлы. Кроме того, при нажатии кнопки «консоль» вы сможете увидеть любые ошибки javascript. Кнопка консоли находится в левом нижнем углу, она выглядит примерно так: >=

источник

2013-08-31 17:33:46

ОК, я сделал это, и это помогло немного. Я все еще бросаю «Uncaught TypeError: Object [object Object] не имеет метода« colorbox »», хотя я ссылался на файл colorbox ... – user2734700

Это означает, что метод colorbox() не определен .. Попробуйте увидеть, this: '$ .colorbox ({html:"

Welcome

"});' работает .. если он не работает, то 'jquery.colorbox.min.js' не входит должным образом –

Спасибо! я переделал его в кучу и заставил его работать! thnx :) – user2734700

    "<script src='$CFG->wwwroot/includes/js/custom.js' type='text/javascript'></script>"; 
      "<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>"; 
    require_once ($CFG->dirroot."/date/gcal_support.php"); 
      ($CFG->dirroot."/includes/js/jquery.validationEngine-en.php"); 
    echo "<script src='$CFG->wwwroot/includes/js/jquery.validationEngine.js' type='text/javascript'  ='utf-8'></script>"; 
    echo "<link rel='stylesheet' href='$CFG->wwwroot/includes/css/validationEngine.jquery.css'  ='text/css'/>"; 
    echo "<link rel='stylesheet' href='$CFG->wwwroot/my/css/template.css' type='text/css'/>"; 
    echo "<link rel='stylesheet' href='$CFG->wwwroot/users/css/style.css' type='text/css'/>"; 
      echo "<script src='js/jquery.validate.js' type='text/javascript' charset='utf-8'></script>"; 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script language="JavaScript" src="<?php $CFG->wwwroot?>/js/jquery.colorbox.js"></script>

источник

2016-11-23 03:14:11

jQuery colorbox плагин не работает

ответ

Welcome

Смежные вопросы