我正在编辑来自以前开发人员的一些代码,用于时间表过滤系统。我自己解决这个问题的方法是使用 jQuery,所以我在调试这个问题时遇到了一些问题。IE 中的 Javascript 似乎存在问题。
这是出现问题的代码:
Javascript:
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("showtimetable").innerHTML=xmlhttp.responseText;
jQuery('div #moreInfo a').each(function()
{
var $link = jQuery(this);
var $dialog = jQuery('<div></div>')
.load($link.attr('href') + ' #content')
.dialog
({
autoOpen: false,
title: $link.attr('title'),
width: 600
});
$link.click(function()
{
$dialog.dialog('open');
return false;
});
和标记:
<div id="showtimetable">
<table class="tidytable">
<thead>
<tr>
<th width="20%">
Venue
</th>
<th width="18%">
Session
</th>
<th width="18%">
Age
</th>
<th width="15%">
<?php echo JText::_('COM_TIMETABLE_HEADING_GROUP'); ?>
</th>
<th width="10%">
<?php echo JText::_('COM_TIMETABLE_HEADING_WEEKDAY'); ?>
</th>
<?php /*<th width="13%">
Activity
</th>*/ ?>
<th width="14%">
Time
</th>
<th width="5%">
Info
</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="13">
<?php //echo $this->pagination->getListFooter(); ?>
</td>
</tr>
</tfoot>
<tbody>
<?php foreach($this->items as $i => $item): ?>
<tr class="row<?php echo $i % 2; ?>">
<td>
<?php if($item->centreDescription!=''){echo '<a href="'.$item->centreDescription.'" >'.$item->centre.'</a>';}
else {echo $item->centre;}?>
</td>
<td>
<?php echo $item->class;?>
</td>
<td>
<?php echo $item->ageRange;?>
</td>
<td>
<?php echo $item->gn;?>
</td>
<td>
<?php TimeTablesHelper::getWeekday($item->weekday);?>
</td>
<?php /*<td>
<?php echo $item->activity; ?>
</td>*/?>
<td>
<?php echo substr($item->startTime,0,5); ?> - <?php echo substr($item->endTime,0,5); ?>
</td>
<td width="5%">
<?php if($item->bookingInfo!=''){?>
<div id="moreInfo">
<a href="moreinfo.php?id=<?php echo $item->id;?>" title="More Details...">+</a>
</div>
<?php }?>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
这是 xml 响应中的内容:
<form action="/component/timetable/" method="post" name="adminForm">
<table class="tidytable">
<thead>
<tr>
<th width="20%">
Venue
</th>
<th width="18%">
Session
</th>
<th width="18%">
Age
</th>
<th width="15%">
Group </th>
<th width="10%">
Weekday </th>
<th width="14%">
Time
</th>
<th width="5%">
Info
</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="13">
</td>
</tr>
</tfoot>
<tbody>
<tr class="row0">
<td>
Heywood Civic Centre </td>
<td>
50+ Bowls </td>
<td>
Aged 50 plus </td>
<td>
50 Plus </td>
<td>
Thursday </td>
<td>
13:00 - 16:00 </td>
<td width="5%">
<div id="moreInfo">
<a href="/moreinfo.php?id=303" title="More Details...">+</a>
</div>
</td>
</tr>
</tbody>
</table>
<input type="hidden" name="task" value="" />
</form>
这在 Firefox 和 IE9 中运行良好,但在 IE8 及以下版本中,我收到 SCRIPT601: unknown runtime error Fitness-classes, line 564 character 7 ,它指的是 javascript 中带有 innerHTML 函数的行。
我不确定为什么会出现这个问题,但它阻止了任何 Javascipt 工作。
有谁知道为什么会发生这种情况?
提前谢谢了!