jQuery 代码在 IE9 中工作但在 FireFox 中失败？

Question

我编写了一个 jQuery 代码，在 IE9 中运行，但在 FireFox 中失败。

代码使用 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 只会显示警报然后什么都不做。

我做错了什么？

Answer 1

尝试卸载fire bug，正在研究中似乎是这个问题。

已编辑

试试这个：

function addItem(message){
            var tmp_msg = message;
            alert(message);
            $('#item_list').append(tmp_msg + '<br>');
            $("#add-item-dialog").dialog("close")
                    return false;
        }

也许是.append() 的问题，它调用this.value 而不是仅仅获取实际值。

正如您之前写的 alert() 确实有效，所以它是 .append() 函数不起作用，我认为您需要从 this.value 获取实际值，然后将其传递给 .append() 。

告诉我，进展如何。