javascript - 从同位素容器中移除元素

Question

如果你去this page ，您可以搜索要订阅的艺术家，然后通过单击“订阅”订阅搜索结果中的艺术家。

如果您订阅了一位艺术家，然后尝试取消订阅，该艺术家不会从列表中删除，但您第二次单击取消订阅按钮时，他们会被删除。

订阅的艺术家列表存储在由全局变量 SF.container 引用的 Isotope 容器中。

当用户通过调用订阅时，艺术家被添加到容器中

SF.subscribe = function(artistSelector, newArtist) {
    var subscribedArtist = $(newArtist);
    SF.container.append( subscribedArtist ).isotope( 'appended', subscribedArtist );
}

艺术家通过调用从容器中移除

SF.unsubscribe = function(selector) {
    SF.container.isotope('remove', $(selector));
};

每次单击“取消订阅”时都会将相同的参数值传递给此函数，所以我不知道为什么它第二次有效，但第一次却无效。

只有当您订阅了一位艺术家然后尝试在不刷新页面的情况下取消订阅时才会出现此问题，即取消订阅首次加载时页面中的艺术家没有问题。上面引用的函数在 global.js 中。

Answer 1

搜索结果中艺术家的 div 被删除，而是在您第一次单击时...搜索结果中的 div 和订阅中的 div 具有相同的 id。建议为订阅者设置不同的 id