我编写了一个在 IE9 中工作但在 FireFox 中失败的 jQuery 代码。
该代码使用 jQuery UI 创建一个 jQuery 对话框,其中包含由 PHP 页面生成的一组项目。用户将进行选择,并且应使用 JS 函数将所选项目添加到 div 容器中。
下面是我的代码:
$(function() {
$("#add-item-dialog").dialog({
autoOpen: false,
height: 600,
width: 800,
modal: true,
close: function() {
$( this ).dialog( "close" )
return false;
}
});
$("#add-item")
.button()
.click(function() {
$( "#add-item-dialog" ).load('add_item.php').dialog('open');
});
});
function addItem(message){
alert(message);
$('#item_list').append(message + '<br>');
$("#add-item-dialog").dialog("close")
return false;
}
函数 addItem 的按钮是用 PHP 动态创建的,如下所示:
<input type="button" name="Add Item" value="'.$item_name.'" onClick="addItem(this.value)">
预期的输出是带有项目名称的警报...然后项目名称附加到item_list
div 标签。
IE9 会将文本附加到 div,然而,FireFox 只会显示警报然后什么都不做。
我究竟做错了什么?