javascript - 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

并不是 Google Chrome 在这里不起作用，而是 Firefox 由于某种原因忽略了您未定义的Location 命名空间。确保您已经定义了它并且您的函数属于它，或者只是以这种方式使用您的函数(这似乎更适合您的情况):

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

在 onclick attributes 中您的链接分别为 onclick="removeMe('remove19p'); return false;" 和 onclick="addMe(); return false;"。