2013-04-17 17 views
6

Sono nuovo di jQuery. Sto seguendo un corso e mi è stato dato un progetto di test, ma non ho idea di cosa fare. Sto solo chiedendo a qualcuno di aiutarmi con una comprensione. Ecco i requisiti:Capire come funziona jQuery

Assignment

Ecco cosa ho provato:

$(document).ready(function() { 
// site code 
for (var i=0; i<10; i++) 
{ 
    //jQuery factory 
    $("body").appendTo("<a href=">"+i+</>") 
} 
}); 

Qui è la sezione HTML:

<body> 
<div id="wrap"> 
    <ul id="navleft"></ul> 
    <ul id="navright"></ul> 
</div> 

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" src="js/main.js"></script> 

</body> 
</html> 

Non voglio risposte, ma una spinta nella giusta direzione. Ho bisogno di un tutor, ma sono così costosi e il mio insegnante non è mai stato trovato, quindi sto vedendo se a qualcuno non dispiacerebbe aiutare.

+0

Lo stackoverflow di evidenziazione della sintassi indica che il codice deve essere un grande suggerimento per una parte del problema ... – Sean

+0

Un po 'troppe informazioni @ Kevin-B. –

+1

Utilizzare un debugger JavaScript che visualizza errori. Firebug per Firefox o l'ispettore integrato su tutti i browser webkit (Chrome, Safari). – jgillich

risposta

5

si verificano errori logici e di sintassi. Assicurati che le tue dichiarazioni finiscano con un ';'

Penso che tu sia confuso da come funziona lo $(). In termini semplici, è possibile inserire lo $() in qualsiasi modo si desideri selezionare dalla pagina. Quindi stai facendo $('body'), che dice a jquery, "hey restituiscimi tutti gli elementi che sono codificati <body>", che è ovviamente solo quello.

Il tuo compito ti richiede di "aggiungere" l'ID "navleft". Quindi cosa vorresti selezionare dalla pagina? Si prega di notare che, per cercare l'ID utilizzando $() si dovrebbe fare $("#id")

ora appendTo, è l'assegnazione dice di aggiungere un <li>, tuttavia si si desidera aggiungere i qualcos'altro.

È necessario aggiungere ESATTAMENTE ciò che viene detto per aggiungere. <li><a>..<a/><li/>

L'ultimo requisito di attraversamento che si dovrebbe avere abbastanza da fare da soli. Ricorda che $() seleziona tutti gli elementi a cui lo dici, quindi cosa devi selezionare per applicare un colore a tutti gli ancoraggi?

2

A parte gli errori di sintassi evidenti nel post, vorrei esaminare la documentazione per appendTo e append.

... e poi scambiare intorno "body" e "<a href=">"+i+</>"


È possibile rintracciare gli errori di sintassi e le eccezioni di runtime utilizzando gli strumenti Web in bundle con il browser. Nella maggior parte dei browser (Chrome, FireFox) accedete tramite F12 alla tastiera.

+0

Ho dimenticato il documento sul sito jQuery. Grazie – Plextor3009