2009-05-13 14 views
0

Weiß jemand, wie ich die Tab-Selektoren für die jQuery Registerkarte Steuerelement ausblenden kann gehen?jQuery Registerkarte ausblenden Selektoren

Ich versuche, ein Wizard Setup-Ding zu machen, indem ich mehrere Ansichten habe, die versteckt sind, aber nur angezeigt werden, wenn ich sie möchte.

Irgendwelche Ideen? Etwas anderes als Tabs, die ich verwenden könnte?

Antwort

3

nur versteckt und zeigt divs funktioniert gut hier

<html> 
    <head> 
    <script type="text/javascript" 
      src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"> 
    </script> 
    <script type="text/javascript"> 
$(function() { 
    $(".nextButton").click(function() { 
    $(this).parent().hide().next().show(); 
    }); 
    $(".prevButton").click(function() { 
    $(this).parent().hide().prev().show(); 
    }); 
}); 
    </script> 
    </head> 
    <body> 
    <div> 
     Tab One<br/> 
     <input type="button" class="nextButton" value="next"/> 
    </div> 
    <div style="display:none;"> 
     Tab Two<br/> 
     <input type="button" class="prevButton" value="prev"/> 
     <input type="button" class="nextButton" value="next"/> 
    </div> 
    <div style="display:none;"> 
     Tab Three<br/> 
     <input type="button" class="prevButton" value="prev"/> 
    </div> 
    </body> 
</html> 
+0

Ich hatte keine Ahnung, dass ich das tun könnte. Macht Sinn. Ich fühle mich dumm! Danke :) –

+0

Hast du eine Vorlage für diese Frage oder was? :) –

0

Erstellen Sie einfach divs übereinander und zeigen/verbergen Sie sie mit show() und hide(). Registerkarten sind nicht erforderlich, wenn Sie nur programmatisch zwischen Sichten wechseln möchten. Es ist so einfach wie das

Html:

<div class="view" id="view1"> 
</div> 
<div class="view" id="view2"> 
</div> 
<div class="view" id="view2"> 
</div> 

Javascript:

function selectView(i) { 
    $(".view").hide(); 
    $("#view" + 1).show(); 
} 

oder wenn Sie nicht wollen, ids verwenden:

function selectView(i) { 
    $(".view").hide(); 
    $(".view :eq(" + 1 + ")").show(); 
}