javascript - 跨浏览器 jQuery - Firefox 问题

Question

这段代码在这里：

jQuery(function($){
        var $button = $('#addrowbutton'),
            $row = $('.addrow').clone();
        $button.click(function(){
            $row.clone().insertBefore( $button );
        });
    });

无法在 Firefox 上运行，但在 Chrome 和 IE 上运行良好。

这是呼叫按钮：

<input type="button" class=button id="addrowbutton" name="addrowbutton" value="Add Row" style="height: 2em;"/>

有什么想法吗？提前致谢。

Answer 1

我已将您的代码放入 jsfiddle 并在 Firefox 中对其进行了测试。对我来说很好。

http://jsfiddle.net/nadjib/X48xB/

HTML：

<div class="addrow">Row</div>
<input type="button" class=button id="addrowbutton" name="addrowbutton" value="Add Row" style="height: 2em;" />

jQuery：

var $button = $('#addrowbutton'),
    $row = $('.addrow').clone();

$button.click(function () {
    $row.clone().insertBefore(this);
});

我使用“this”而不是$button，因为“this”是您刚刚点击的（即此处的按钮）。