jQuery script v default.latte
Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
- Lukynn
- Člen | 16
Zdravim,
mohl by jste mi někdo poradit co dělám špatně, když v @layout.latte mi vše funguje bez problému, ale v jakékoliv podstránce (např. default.latte) mi script nefunguje.
JQuery script:
<script>
$(".foto").click(function(){
var index = $(".foto").index(this);
$(".foto").eq(index).animate({"width": "-=10px", "margin-left": "+=8px", "margin-top": "-=10px"}, 500),
$(".foto").eq(index).animate({"width": "+=10px", "margin-left": "-=8px", "margin-top": "+=10px"}, 500);
});
</script>a použití:
<div class="table_text" style="margin-top: 25px;">
<a n:href="Adm:aktuality"><img class="foto" src="{$basePath}/imagesAdm/admMenu/aktuality.gif" style="margin-left: 20px; margin-bottom: 15px;"></a>
<a n:href="Adm:menu"><img class="foto" src="{$basePath}/imagesAdm/admMenu/menu.gif" style="margin-left: 20px; margin-bottom: 15px;"></a>
<a n:href="Adm:heslo"><img class="foto" src="{$basePath}/imagesAdm/admMenu/uzivatele.gif" style="margin-left: 20px; margin-bottom: 15px;"></a>
<a n:href="Adm:menu"><img class="foto" src="{$basePath}/imagesAdm/admMenu/menu.gif" style="margin-left: 20px; margin-bottom: 15px;"></a>
</div>Děkuji mnohokrát,
Lukáš M.
- h4kuna
- Backer | 740
Nezlob se ale tohle není Nette.
Ale jediný co vidím tak že by za
$(".foto").eq(index).animate({"width": "-=10px", "margin-left": "+=8px", "margin-top": "-=10px"}, 500), # ;měl být středník a nikoliv čárka.
Animace moc nedělám, tak teď nevím, ale možná by šlo využít zápisů toggle a pak by mohl opadnout to druhé volání animate.
- Lukynn
- Člen | 16
includuju v @layout.latte v head
<head>
...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="{$basePath}/js/netteForms.js"></script>
<script type="text/javascript" src="{$basePath}/js/ajax.js"></script>
...
</head>a používám v default.latte, jak jsem už kopíroval.
Jde jen o to, že když stejný kód zadám do @layout.latte, tak vše jde v pořádku a s jQuery není problém, ale když jej použiju kdekoliv jinde (například v default.latte), tak se nic nestane. Chyby to nevypisuje žádné.