Reputation: 21
I'm trying to use a jQuery UI dialog window The dialog opens with the title displayed, but it is blank.
I know that it is hitting the requested link because it throws an error that I placed in one of the pages. However, the page just never loads. Any ideas?
<script type="text/javascript">
$(document).ready(function() {
$('#theKids td a').each(function() {
var $link = $(this);
var $dialog = $('<div></div>')
.load($link.attr('HREF') + ' #content')
.dialog({
autoOpen: false,
draggable: false,
title: $link.attr('title'),
modal: true,
width: 500
});
$link.click(function() {
$dialog.dialog('open');
return false;
});
});
});
</script>
<table id="theKids">
<tr>
<th>Home</th>
<th>X</th>
<th>Y</th>
</tr>
<cfoutput query="gradeList">
<tr>
<td>#homename#</td>
<td><<a href="pagex.cfm" title="X">#contract#</a></td>
<td><a href="pagey.cfm" title="Y">#meds#</a></td>
</tr>
</cfoutput>
</table>
Upvotes: 1
Views: 444
Reputation: 4118
There is an extra < before the a href on this line:
<td><<a href="pagex.cfm" title="X">#contract#</a></td>
That might be it
Upvotes: 1