jquery UI problem with dialog

[felito]

hi

 

I am trying this code, but apparently something is wrong:

 

<a class = "perfil_1"><h3>Luciana</h3> </a>
<a class = "perfil_2"><h3>Luciana</h3></a>
<a class = "perfil_3"><h3>Luciana</h3> </a>

<div id="dialog_1">
<p>Lorem ipsum dolor sit amet</p>
</div>

<div id="dialog_2">
<p>Lorem ipsum dolor sit amet</p>
</div>

<div id="dialog_3">
<p>Lorem ipsum dolor sit amet</p>
</div>

for (var i = 1; i <= 4; i++) {
    $('#dialog_' + i).dialog({
        autoOpen: false,
        show: "slide",
        hide: "explode"
    });

    $('.perfil_' + i).on("click", "h3" , function () {
        $('#dialog_'+i).dialog('open');
        return false;

    });
}

 

http://jsfiddle.net/JbFZD/  > any idea?

[felito]

this solve my problem.

 

http://jsfiddle.net/X9uvK/

 

thanks