Geek Answers Handbook

JQuery accordion active

I have a jQuery accordion on a page in an ASP: Net MVC application in which I want to set an active accordion at runtime.

My code is as follows:

<script type="text/javascript">
    $(document).ready(function() {
        var accordionindex = $("#UIPViewModel_ActiveAccordion").val();
        alert("Setting active index to " + accordionindex);
        $("#accordion").accordion('activate', accordionindex );
    });
</script>

You will see that the last line sets the active accordion. When I use this code , it always acts as if I used active: false and ALL accordions are closed , although the warning shows the correct runtime.

I also tried just using the exact same thing:

$ ("# accordion"). accordion ('activate', $ ("# UIPViewModel_ActiveAccordion"). val ());

When I change the last line to:

$( "# accordion" ). accordion ('activate', 2); (.. ). !

- , ? ?

+5
3

, val(), , . :

    var accordionindex = $("#UIPViewModel_ActiveAccordion").val();
    accordionindex = parseInt(accordionindex, 10);  // convert a string to a number
    alert("Setting active index to " + accordionindex);
    $("#accordion").accordion('activate', accordionindex );
+9

Ken:

<script type="text/javascript"> 
$(function () {
    var accordionindex = Number($("#UIPViewModel_ActiveAccordion").val());
    alert("Setting active index to " + accordionindex);
    $("#accordion").accordion('activate', accordionindex );
});
</script>

parseInt, - , val() - - , (, " 4" ). , var.

+6

, ( ) :

jQuery(".selector").accordion("option", {active: index});

, - jQueryUI 1.8 . 1,9 .

+2

More articles:


All Articles