A gde si ti definisao da ti dokument spremi ovu funkciju?
<!DOCTYPE html>
<html>
<head>
<style>
.highlight {
background-color: #F00;
color: #FFF;
}
#thenavigation li {
display: inline;
padding: 0 10px;
}
#thenavigation li:hover {
cursor: pointer;
}
</style>
</head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#thenavigation li').click(function() {
$(this).addClass('highlight').siblings().removeClass('highlight');
});
});
</script>
<body>
<div id="thenavigation">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
</body>
</html>
Probaj sa ovim A inače zaboravio si na:
$(document).ready(function(){
Na JSFiddle ovo nije potrebno jer se kod ne izvršava kao zaseban dokument niti je potrebno uvođenje jQuery biblioteke pa ni <script> taga.
Još nešto , preporučujem korišćenje ovog linka za izvor biblioteke jer se tu uvek ažurira poslednja verzija jQuery biblioteke od strane oficijelnog sajta.
|