Modal Window Popup from DataTable Row

sjwoo

I'm having a devil of a time making a jQuery Modal Window work by clicking on a hyperlink inside a DataTable cell. Here's the DataTable and the Modal Window bits:

[code]





$(document).ready(function () {
$('#example').dataTable({
"bPaginate": true,
"bLengthChange": true,
"bFilter": true,
"bSort": true,
"bInfo": true,
"bAutoWidth": true,
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bProcessing": true,
"sAjaxSource": './arrays2.txt',
"aoColumnDefs": [{
"aTargets": [0],
"mRender": function (data, type, full) {
return 'Watch';
}
}]
});
$(".videowindow").click(function () {
$("#thedialog").attr('src', $(this).attr("href"));
$("#somediv").dialog({
width: 900,
height: 600,
modal: true,
close: function () {
$("#thedialog").attr('src', "about:blank");
}
});
return false;
});
});

[/code]

Here's the div that houses the iframe Modal Popup:

[code]



[/code]

If I call the link directly, it works fine:

[code]
Modal Window Test Link
[/code]

But if I click the mRendered link above in the DataTable, the Modal Window is ignored and I'm directly into that page (i.e., the browser goes from my page to Video2.aspx?videoId=x). What the heck am I doing wrong?

Thanks,

- Sung

sjwoo

I'm still looking for help here -- anybody? Thank you...