chrome無法與jQuery刪除一起使用

Question

誰能解釋為什么這個jsfiddle在chrome中不起作用，但是在Firefox中可以完美地工作？

這是鏈接： http : //jsfiddle.net/Bu33n/

這是防止jsfiddle無法使用的代碼：

<div class="container">
    <div class="scheduleSet" id="remove19s">
        <p>I am a schedule19</p>
    </div>
    <div class="scheduleSet" id="remove5s">
        <p>I am a schedule5</p>
    </div>
    <div class="phoneSet" id="remove19p">
        <p>I am a phone19</p>
    </div>
    <div class="phoneSet" id="remove5p">
        <p>I am a phone5</p>
    </div>
<a href="javascript:void(0);" onclick="Location.removeMe('remove19p');">Remove me</a>
 <a href="javascript:void(0);" onclick="Location.addMe();">Add me</a>

</div>

JS：

Location.removeMe = function (data) {
    var stuff = "";
    stuff = data;
    $('div').remove('#' + stuff);
    return false;
};

Location.addMe = function () {
    $('.container').append("<div class='phoneSet' id='remove19p'>" +
        "<p>I am a replacement phone19</p>" +
        "</div>");
}

Answer 1

您需要為“位置”分配一個新對象才能在Chrome中正常工作

Location = new Object();

Answer 2

並非是Google Chrome在這里無法正常工作，而是因為某些原因，Firefox 忽略了您未定義的Location名稱空間。 確保已定義它並且您的函數屬於它，或者只是以這種方式使用您的函數（這似乎更適合您的情況）：

function removeMe(data) { ... }
function addMe() { ... }

在鏈接的onclick屬性中， onclick="removeMe('remove19p'); return false;" 和onclick="addMe(); return false;" 分別。

Answer 3

嘗試這個 ：

    function removeMe(data) {
        $('div').remove('#' + data);
        return false;
    };
    function addMe() {
        $('.container').append("<div class='phoneSet' id='remove19p'>" +
            "<p>I am a replacement phone19</p>" +
            "</div>");
    }

和HTML：

<a href="javascript:void(0);" onclick="removeMe('remove19p');">Remove me</a>
<a href="javascript:void(0);" onclick="addMe();">Add me</a>