JQuery problem

[polenta92]

Hi, I've a problem with Jquery. I wrote this code in a file named scripts.js. It should simulate a slider, be it doesn't work.

<script type="text/javascript">
$(document).ready(function() {
$('#mainsquare').cycle({
fx:'fade',
speed: 1000,
timeout: 2000
});
});
</script>

Instead, this is a piece of code in my index.php page:

<div id="mainsquare">
<img src="images/image.jpg" alt="#" />
<img src="images/image2.jpg" alt="#" />
<img src="images/image.jpg" alt="#" />
</div>

What's wrong in my code? I really don't understand!

[Moppo]

it seems you're using Jquery Cycle Plugin, maybe you haven't included properly the plugin file...you could try with a debugger (like furebug) too see if the files (Jquery and plugin) are found when you run the script...

[polenta92]

Scusate, non so perchè io abbia scritto in inglese, forza dell'abitudine (e che il mio inglese fa schifo u.u ) XD

Ad ogni modo, ho importato la libreria jquery nello <head> e anche il file (scripta.js) con la funzione scritta nell'OP.

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

non riesco a capire come fare per vedere se lo script venga "accettato" oppure no.

[Ifrit_Prog]

Originariamente inviato da polenta92

Scusate, non so perchè io abbia scritto in inglese, forza dell'abitudine (e che il mio inglese fa schifo u.u ) XD

Ad ogni modo, ho importato la libreria jquery nello <head> e anche il file (scripta.js) con la funzione scritta nell'OP.



non riesco a capire come fare per vedere se lo script venga "accettato" oppure no.

In che senso accettato? O.o'

Se intendi caricato, nel tuo script inseriscici una funzione del tipo:

Codice PHP:

$( function(){
console.log('YOOOOOOOOOOHO')
} ) 


cosi vedi se viene caricato

[polenta92]

"accettato" nel senso che non so se lo script venga "letto". pur inserendo la mia funzione direttamente nel file index.php, la funzione viene "letta". ho provato semplicemente a far stampare qualcosa a video (#div).html("fskjfksj"); ma non va comunque.
Il mio dubbio è che forse ci sono problemi se l'estensione del mio file è .php. E' possibile?

[biowep]

Originariamente inviato da polenta92

"accettato" nel senso che non so se lo script venga "letto". pur inserendo la mia funzione direttamente nel file index.php, la funzione viene "letta". ho provato semplicemente a far stampare qualcosa a video (#div).html("fskjfksj"); ma non va comunque.
Il mio dubbio è che forse ci sono problemi se l'estensione del mio file è .php. E' possibile?

Se hai google chrome controlla la console (click destro>Ispezione elemento>Console) qualsiasi errore in javascript o di caricamento viene riportato li
Se per caso avessi inserito un percorso sbagliato ti ritroveresti con questo errore
Failed to load resource file:///C:/Users/biowep/Desktop/fileCheNonEsiste.js

Il fatto che l'estensione del file sia php non centra

[wingman87]

Se nel file js hai messo quello che hai scritto nel primo post non può funzionare perché hai messo i tag html che fanno andare in errore l'interprete.

[Moppo]

Originariamente inviato da polenta92

"accettato" nel senso che non so se lo script venga "letto". pur inserendo la mia funzione direttamente nel file index.php, la funzione viene "letta". ho provato semplicemente a far stampare qualcosa a video (#div).html("fskjfksj"); ma non va comunque.
Il mio dubbio è che forse ci sono problemi se l'estensione del mio file è .php. E' possibile?

l'estensione php va benissimo, non è sicuramente quello il problema..

certo, se non ti funziona nemmeno qualcosa del tipo

$(body).html("ciao");

sicuramente c'è qualcosa che non va con JQuery, oppure non lo hai incluso con il path corretto. Puoi usare un debugger, tipo firebug, per vedere, nel pannello "net", se le librerie vengono correttamente incluse...

[polenta92]

$("body").html("ciao");

Questo funziona.
Quando cerco di accedere all'ID dei div però, è come se non lo trovasse. non riesco a capire perché T_T ci sto perdendo giorni e non arrivo alla soluzione T_T

[g472vm]

evidentemente non hai caricato il file del plugin. Nell'head controlla di avere caricato i seguenti file script:

[...]
<head>
[...]
  <script type="text/javascript" src="jquery/jquery.js"></script>
  <script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
  <script type="text/javascript" src="jquery/scripts.js"></script>
</head>
<body>
  <div id="mainsquare">
    <img src="images/image.jpg" alt="#" />
    <img src="images/image2.jpg" alt="#" />
    <img src="images/image.jpg" alt="#" />
  </div>
</body>