从Isotope容器中删除项目

Question

如果您转到this page，您可以搜索要订阅的艺术家，然后点击“订阅”在搜索结果中订阅艺术家。

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

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

当用户通过调用

进行订阅时，会将艺术家添加到容器中

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不同