Jquery Zoom funktioniert nicht [geschlossen]

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

Frage

ich versuche Jquery zu implementieren Zoom auf meiner Joomla-gesteuerten Website auf den Katalogbildern.Ich kann das Ding nicht zum Laufen bringen, also kann mir jemand helfen, dieses Problem zu lösen?

Ich habe diese Skripte im Kopf hinzugefügt:

<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>

hier ist der Fehler, den es gibt:

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

hier ist ein Link zu einem Beispiel meiner Website

hier ist mein Code:

<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>
War es hilfreich?

Lösung

Ich habe Ihre Seite gesehen und festgestellt, dass Sie eine jQuery-Datei nach abhängigen Dateien laden.Es gibt viele Fehler in der Konsole.der erste ist jQuery nicht definiert.Verschieben Sie Ihre jQuery-Datei vor alle anderen Skriptdateien.

Nachdem Sie jQuery nach oben verschoben haben, sieht Ihre Site gut aus.Ich habe einen Schnappschuss angehängt, wie Sie es gewünscht haben.enter image description here

Andere Tipps

Auf Ihrer Beispielseite importieren Sie ks2.js vor jquery.js.

Dies sollte der erste Artikel nach Ihrem sein <head> Tag:

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top