jquery ui tabs – vypnutí dalšího levelu

Mgr. Ivo Toman

(7 hodnocení)

14. 10. 2009 21:32:05

Používám jquery 1.3.2 a jquery UI 1.7.2

Mám html

Percoidei
- A
- B
- C
- D

Kissing gouramis

Pike-heads

Giant gouramis

za pomocí jquery a UI jsem si vytvořil záložky z ul, ale potřeboval bych aby se to již neaplikoval na druhý level - tedy aby při kliknutí odkazy A, B, C, D se přešlo skutečně na stránku /jinam/ a nepokoušelo se to načítat ajaxově.

Aktivoval jsem to přes $("#zalozky").tabs( );

a zkusil jsem ten druhý level vypnout přes $("#caruso").tabs('destroy')

ale zřejmě to není to pravé ořechové, protože to nepomohlo. Ví někdo jak to záložkování vypnout na druhý level ul ?

14. 10. 2009 21:32:05

https://webtrh.cz/diskuse/jquery-ui-tabs-vypnuti-dalsiho-levelu#reply386547

Tomáš Burda

(1 hodnocení)

14. 10. 2009 22:16:01

co .tabs( 'disable' )? Pouze typ :) Jinak jestli to jde tak to musi byt v dokumentaci.

14. 10. 2009 22:16:01

https://webtrh.cz/diskuse/jquery-ui-tabs-vypnuti-dalsiho-levelu#reply386546

Webtrh obecný účet

(1 hodnocení)

4. 1. 2010 22:23:32

zkus odkaz typu:

4. 1. 2010 22:23:32

https://webtrh.cz/diskuse/jquery-ui-tabs-vypnuti-dalsiho-levelu#reply386545

Mirek Komárek

(1 hodnocení)

5. 1. 2010 12:56:21

Myslím si, že takhle to vypnout nejde, autor dělal v kódu úpravy, aby šlo tohle

$('#zalozky > ul').tabs(); ale to se týká toho aby ta funkce neproběhla na všechny ul v tom nadřazeném divu. Tady jsou zkušební dema na autorovo stránkách http://www.stilbuero.de/2007/10/23/jquery-ui-tabs-aka-tabs-3/

---------- Doplňující příspěvek odeslán v 12:59 ----------

BTW vyprdnul bych se na sémantiku a udělal bych to takhle

<!doctype html>
<html lang="en">
<head>
	<title>UI Tabs</title>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
   $("#zalozky").tabs();
  });
  </script>
</head>
<body>
<div id="zalozky"> 
        <ul id="nav"> 
            <li><a href="#a">a</a></li> 
            <li><a href="#b">b</a></li> 
            <li><a href="#c">c</a></li> 
            <li><a href="#d">d</a></li> 
        </ul>
        <div id="a">
        a
        <ul> 
            <li><a href="javascript:alert('a1')">a1</a></li> 
            <li><a href="javascript:alert('a2')">a2</a></li> 
            <li><a href="javascript:alert('a3')">a3</a></li> 
            <li><a href="javascript:alert('a4')">a4</a></li> 
        </ul>
        </div>
        <div id="b">b</div> 
        <div id="c">c</div> 
        <div id="d">d</div> 
</div>  
</body>
</html>

5. 1. 2010 12:56:21

https://webtrh.cz/diskuse/jquery-ui-tabs-vypnuti-dalsiho-levelu#reply386544

Pro odpověď se přihlašte.

Přihlásit