Масштабирование Jquery не работает [закрыто]

StackOverflow https://stackoverflow.com//questions/12714038

Вопрос

я пытаюсь реализовать JQuery масштабировать на моем веб-сайте, управляемом Joomla, на изображениях каталога.Я не могу заставить эту штуку работать, так может ли кто-нибудь помочь мне решить эту проблему?

Я добавил эти скрипты в голову:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
<script src="http://www.myurl.mk/templates/beez_20/javascript/jquery.zoom.js"></script>

вот какую ошибку выдает:

Uncaught TypeError: Object #<HTMLDocument> has no method 'ready'
(anonymous function)

вот ссылка на пример моего сайта

вот мой код:

<script>
        $(document).ready(function(){
            $('#ex1').zoom({url: '<?php echo $this->item->imageXLarge; ?>'});
        });
    </script>
      <div class="itemImageBlock" style="float:none;">
          <span class="itemImage" id="ex1">
                <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
          </span>
Это было полезно?

Решение

Я увидел вашу страницу и обнаружил, что вы загружаете файл jQuery после зависимых файлов.В консоли много ошибок.первый - jQuery не определен.Переместите файл jQuery перед всеми остальными файлами сценариев.

После перемещения jQuery сверху ваш сайт выглядит нормально.Прикрепил снимок, как вы просили.enter image description here

Другие советы

На странице примера вы импортируете ks2.js перед jquery.js.

Это должен быть первый элемент после вашего <head> ярлык:

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top