0
我想要做的事情 - 如果甚至可能的話 - 是從子頁面加載特定的ID並使該內容顯示在父頁面上的對話框中。我想在單擊醫療鏈接時加載DIV ID「medical」。我希望在href中加入某種選擇器來加載正確的ID。通過父頁面中的href加載子頁面中的特定id
的Javascript:
$(document).ready(function() {
var $loading = $('<img src="img/loading.gif" alt="loading" class="loading">');
$('#prod-dialog td a').each(function() {
var $dialog = $('<div></div>')
.append($loading.clone());
var $link = $(this).one('click', function() {
$dialog
.load($link.attr('href'))
.dialog({
title: $link.attr('title'),
width: 300,
height: 200,
buttons: [
{
text: "Ok",
click: function() {
$(this).dialog("close");
}
},
{
text: "Cancel",
click: function() {
$(this).dialog("close");
}
}
]
});
$link.click(function() {
$dialog.dialog('open');
return false;
});
return false;
});
});
});
家長HTML:
<table id="prod-dialog">
<tr>
<td><div><img src="img/medical-icon.png" width="26" height="25" />
<p>Medical</p>
</div></td>
<td><a href="medical.htm"><img src="img/dialog-icon_08.png" width="24" height="23" border="0"/></a></td>
</tr>
</table>
子頁面的HTML:
<div style="display: none;" id="medical" title="Medical">
<table id="prod-content">
<tr>
<td><label>Coverage Level</label></td>
<td>
<select name="coverlevel" id="coverlevel">
<option value="0" selected>Employee Only</option>
<option value="1">Employee + Spouse</option>
<option value="2">Employee + Children</option>
<option value="3">Employee + Family</option>
</select>
</td>
</tr>
<tr>
<td><label>Premium</label></td>
<td><input name="premium" type="text" size="30"/></td>
</tr>
</table>
</div>