kontrola načtení a funkčnosti knihoven – JQuery, JavaScript
- ZAJDAN
- Člen | 45
čaute nettíci
aktuálně řeším problém s knihovnami JQuery
- patřičné <tagy> ,css a knihovny jsem si vložil do nového
dokumentu mimo nette framework a provedl
kontrolu funkčnosti – FUNGUJE
- stejně tak jsem všechno nasázel do stávajícího projektu v nette, kde jquery effect nefunguje
volání knihoven provádím v @layout.latte:
<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/js/jquery.bg.js"></script>
<script type="text/javascript" src="/js/menu-effect.js"></script>do @layout.latte je includ: {include #content}
kde v leftcol.latte vede cesta k <tagu> na který se má
poštvat jquery
{block content}
<div id="content_m">
<div class="maincol">
{include leftcol.latte}
{include cont.latte}
{include rightcol.latte}
</div>
</div>
<div class="clr"> </div>
{/block}leftcol.latte obsahuje:
{block leftcol}
<div id="leftcol">
<div class="map">
<img src="images/map-CR-2.png" alt="map" usemap="#map" />
<map name="map">
</div>
<div>
{include menu-regions.latte}
</div>
</div>
{/block}kde menu-regions.latte obsahuje:
{block menuRegions}
<div class="module_menu_regions">
<div>
<div>
<div>
<h3>VŠECHNY KRAJE</h3>
<ul class="menu">
{foreach $regions as $region}
<li id="item-{100 + $iterator->getCounter()}"{first} class="current active"{/first}>
<a href="/">
<span>{$region->nazev}</span>
</a>
</li>
{/foreach}
</ul>
</div>
</div>
</div>
</div>
{/block}a samotné poštvání jquery effectu volám na:
$(‚#leftcol ul.menu li a‘)
Editoval ZAJDAN (27. 2. 2012 18:36)
- ZAJDAN
- Člen | 45
Patrik Votoček napsal(a):
define: nefunguje
nechápu myšlenku, ale asi myslíš co přesně nefunguje:
tak tedy na tag <a> obsažen v <li> se definuje pozadí, které
pomocí jquery mění pozici v kombinaci s animate, čímž vytváří
hezoučký effect :_)))
Editoval ZAJDAN (27. 2. 2012 19:20)
- Etch
- Člen | 403
@ZAJDAN:
Zkontroluj, jestli k JS souborům správná cesta. Tedy zobraz si v prohlížeči zdrojovej kód stránky a překontroluj to. Mě to v chromu generuje přímo proklik. Popřípadě to si to ověř třeba ve FireBugu ve Firefoxu.
V šablonách používej:
<script type="text/javascript" src="{$basePath}/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="{$basePath}/js/jquery.bg.js"></script>
<script type="text/javascript" src="{$basePath}/js/menu-effect.js"></script>Pak může být třeba problém, pokud to na co házíš ten effect natahuješ třeba přes ajax.
- ZAJDAN
- Člen | 45
Etch napsal(a):
@ZAJDAN:
Zkontroluj, jestli k JS souborům správná cesta. Tedy zobraz si v prohlížeči zdrojovej kód stránky a překontroluj to. Mě to v chromu generuje přímo proklik. Popřípadě to si to ověř třeba ve FireBugu ve Firefoxu.
V šablonách používej:
<script type="text/javascript" src="{$basePath}/js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="{$basePath}/js/jquery.bg.js"></script> <script type="text/javascript" src="{$basePath}/js/menu-effect.js"></script>Pak může být třeba problém, pokud to na co házíš ten effect natahuješ třeba přes ajax.
díky…cesty mám dobře …kontroluju to v Opeře přes Dragonfly
kde zdroje mimo jine obsahují:
localhost:81 /js/jquery.bg.js Script 511 B
localhost:81 /js/menu-effect.js Script 222 B
localhost:81 /js/jquery-1.2.6.min.js Script 17 kB
zkouším i zápis s {$basePath} ale vypadá to, že problém bude jinde
Editoval ZAJDAN (27. 2. 2012 20:29)