PDA

View Full Version : JQuery problem

polenta92
21-11-2012, 09:43
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
21-11-2012, 19:31
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
22-11-2012, 12:39
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
22-11-2012, 12:42
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:

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


cosi vedi se viene caricato
polenta92
22-11-2012, 12:55
"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
23-11-2012, 16:21
"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
23-11-2012, 16:40
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
23-11-2012, 19:23
"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
27-11-2012, 09:17
$("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
28-11-2012, 19:01
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>