[jQuery] Binding problems (click/submit)

<html>
<body>
<tt>Hello folks,
I'm having difficulty rebinding both a form submit and a click function
upon return of an ajax call.
The onload code is ...
$(document).ready(function() {
    $("a.gao").bind("click",
function() {getAllOptions()});
    var options = {dataType: 'html', before:
beforeAjax,after: afterAjax};
    $('#getStudentInfo').submit(function()
{$(this).ajaxSubmit(options);return false; });
});
function beforeAjax(html) { $("#comments3").hide();}
function afterAjax(html) {

$("#sDetails").html(html).fadeIn(800).ScrollTo(800).highlightFade({color:'yellow',speed:2000,iterator:'linear'});
    tb_init('a.thickbox');
}
When I click the class="gao" link, the following call is
made...
function getAllOptions() {
    $.ajax({
        type: 'GET',
        url:
'scripts/ajax_studentroll.asp?w=allselect&rand=' + new
Date().getTime(),
        dataType:
"html",
        success: function(html){

$('#sDetails').hide(600);

$("#flipdisplay").html(html).fadeIn(800).ScrollTo(800).highlightFade({color:'yellow',speed:4000,iterator:'linear'});

$('#getStudentInfo').unbind('submit');

$("a.gao").unbind("click");
            var
options = {dataType: 'html', before: beforeAjax,after: afterAjax};

$('#getStudentInfo').submit(function()
{$(this).ajaxSubmit(options);return false; });

$("a.gao").bind("click", function()
{getSearchOptions()});
        }
    });
}
The html that is correctly returned, but I cannot get the new
class="gao" link or the form (id=getStudentInfo) within that
html block to be re-bound for subsequent action.
As you can see, I've tried to unbind the functions before binding them
again, but I must still doing something wrong as this wasn't
successful.
Where is my fault? (I'm using jquery 1.1.3)
Thanks,
Bruce</body>
</html>

Topic Participants
b.mackay
malsup
kswedberg

[jQuery] Binding problems (click/submit)

[jQuery] Binding problems (click/submit)

Topic Participants

b.mackay

malsup

kswedberg