Wziąłem się za kurs jQUERY.
-Kupiłem książkę:
Kod wygląda tak:
alice.js
Kod
$(document).ready(function(){
//$('#selected-plays > li').addClass('horizontal');
//$('#selected-plays li:not(.horizontal)').addClass('sub-level');
$('a[href^=mailto:]').addClass('mailto');
});
//$('#selected-plays > li').addClass('horizontal');
//$('#selected-plays li:not(.horizontal)').addClass('sub-level');
$('a[href^=mailto:]').addClass('mailto');
});
alice.css
Kod
a.mailto{
background: url(email.png) no-repeat right top;
padding-right: 18px;
}
background: url(email.png) no-repeat right top;
padding-right: 18px;
}
index.php
Kod
<html>
<head>
<title>Tytuł</title>
<link rel="Stylesheet" type="text/css" href="alice.css" />
<script src='jquery.js' type='text/javascript'></script>
<script src='alice.js' type='text/javascript'></script>
</head>
<body>
<ul id='selected-plays'>
<li>Komedie
<ul>
<li><a href='/asyoulikeit/'>Jak wam się podoba</a></li>
<li>Wszystko dobre, co się dobrze kończy</li>
<li>Sen nocy letniej</li>
<li>Wieczór Trzech Króli</li>
</ul>
</li>
<li>Tragedie
<ul>
<li><a href='hamlet.pdf'>Hamlet</a></li>
<li>Makbet</li>
<li>Romeo i Julia</li>
</ul>
</li>
<li>Kroniki
<ul>
<li>Henryk IV (<a href='mailto:henrykiv@king.co.uk'>email</a>)
<ul>
<li>Część I</li>
<li>Część II</li>
</ul>
</li>
<li><a href='http://www.shakespeare.co.uk/henryv.htm'>Henryk V</a></li>
<li>Ryszard II</li>
</ul>
</li>
</ul>
</body>
</html>
<head>
<title>Tytuł</title>
<link rel="Stylesheet" type="text/css" href="alice.css" />
<script src='jquery.js' type='text/javascript'></script>
<script src='alice.js' type='text/javascript'></script>
</head>
<body>
<ul id='selected-plays'>
<li>Komedie
<ul>
<li><a href='/asyoulikeit/'>Jak wam się podoba</a></li>
<li>Wszystko dobre, co się dobrze kończy</li>
<li>Sen nocy letniej</li>
<li>Wieczór Trzech Króli</li>
</ul>
</li>
<li>Tragedie
<ul>
<li><a href='hamlet.pdf'>Hamlet</a></li>
<li>Makbet</li>
<li>Romeo i Julia</li>
</ul>
</li>
<li>Kroniki
<ul>
<li>Henryk IV (<a href='mailto:henrykiv@king.co.uk'>email</a>)
<ul>
<li>Część I</li>
<li>Część II</li>
</ul>
</li>
<li><a href='http://www.shakespeare.co.uk/henryv.htm'>Henryk V</a></li>
<li>Ryszard II</li>
</ul>
</li>
</ul>
</body>
</html>
I teraz wklejam najnowszy plik jQUERY i nie działa (tzn. nie wyświetla poprawnie obrazka przy odnośniku email)
Na jQUERY1.3 (dołączoną na ftp z przykładami) działa bez problemów.