onclick javascript函数在Firefox中不起作用

Question

我从来没有真正听说过在每个浏览器中都可以如此简单地工作的东西，但是firefox可以使任何人对此有所了解吗？

 <a href="javascript:" onclick="quoteMe('name','id','yourname');" id="quote" style="border:1px solid white;color:#F1F1F1; font-weight:bold;">&nbsp;reply&nbsp;</a>

和

jQuery的：

    var nameForm;
function quoteMe(commenterName, id, name) {
if (name == "")
nameForm = 'Name: <input type="text" class="input" name="username" value="" />'
else
nameForm = '<div class="outlineTitle2">'+name+'</div>'+'<input type="hidden" class="input" name="username" value="'+name+'" />'
 if (jQuery("#replyForm"+id).length == 0) {
jQuery("#"+id).append('<form method="post" id="replyForm'+id+'"><br /><input type="hidden" name="cid" value="'+id+'" /><input type="hidden" name="nameOfTable" value="articles" />'+nameForm+'<br />Reply: <input type="text" class="input" name="commentReply" value="'+commenterName+'" style="width:80%" /><input type="submit" value="POST" name="addReply" class="bigButton" /></form>');
}
else {
jQuery("#replyForm"+id).remove();
}

}

以下是第一个答案下的更多更新。 http://cl.ly/082z3g04381​​G3r1i2e08

Answer 1

尝试用alert替换quoteMe ，看看会发生什么。
如果弹出警报，则说明您的功能存在问题。

内联事件也可以在Firefox上正常工作，这是我使用的常见调用：

<a href="javascript:void(0)" onclick="fn(this, param1, param2)">label</a>

甚至更短：

<a href="javascript:" onclick="fn(this, param1, param2)">label</a>

• 如果使用href =“＃”，则需要在onclick调用中return false ，否则，哈希键将在地址栏中更改。 这可能很烦人，尤其是在基于ajax的应用程序中。

• 它往往是有用的传递给函数this ，它会给你参考点击<a> 。 您不必玩id就能找回它。

Answer 2

您不能将form作为table元素的子元素。 使用表的父节点，或添加一个单元格。

（供参考，源代码的缩进版本：

var nameForm;

function quoteMe(commenterName, id, name) {
    if (name == "") {
        nameForm = 'Name: <input type="text" class="input" name="username" value="" />'
    }
    else {
        nameForm = '<div class="outlineTitle2">' + name + '</div>' +
                   '<input type="hidden" class="input" name="username" value="' + name + '" />'
    }
    if (jQuery("#replyForm" + id).length == 0) {
        jQuery("#" + id).append('<form method="post" id="replyForm' + id + '">' +
                                  '<br />' +
                                  '<input type="hidden" name="cid" ' +
                                  '       value="' + id + '" />' +
                                  '<input type="hidden" name="nameOfTable" ' +
                                  '       value="articles" />' +
                                  nameForm + '<br />' +
                                  'Reply: <input type="text" class="input" ' +
                                  '              name="commentReply" ' +
                                  '              value="' + commenterName + '"' +
                                  '              style="width:80%" />' +
                                  '<input type="submit" value="POST" ' +
                                  '       name="addReply" class="bigButton" />' +
                                '</form>');
    }
    else {
        jQuery("#replyForm" + id).remove();
    }
}

）。