Lo zoom Jquery non funzionerà [chiuso]

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

Domanda

sto cercando di implementare Jquery Ingrandisci sul mio sito web basato su Joomla nelle immagini del catalogo.Non riesco a far funzionare questa cosa, quindi qualcuno può aiutarmi a risolvere questo problema?

Ho aggiunto questi script in testa:

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

ecco l'errore che dà:

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

ecco il collegamento ad un esempio del mio sito

ecco il mio codice:

<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>
È stato utile?

Soluzione

Ho visto la tua pagina e ho scoperto che stai caricando il file jQuery dopo i file dipendenti.Ci sono molti errori nella console.il primo è jQuery non definito.Sposta il tuo file jQuery prima di tutti gli altri file di script.

Dopo aver spostato jQuery in alto, il tuo sito avrà un bell'aspetto.Ho allegato un'istantanea come hai richiesto.enter image description here

Altri suggerimenti

Nella tua pagina di esempio, stai importando ks2.js prima di jquery.js.

Questo dovrebbe essere il primo elemento dopo il tuo <head> etichetta:

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top