按钮没有消失在jQuery中使用常见div id的多个视图

Question

我正在研究.NET MVC应用程序。我已经使用jQuery使用以下代码添加一个按钮：

var button_to_add = '<div id = "csv_button"><nav>CSV</nav></div>' 
$("#titleDiv").append(button_to_add); 

的问题是多个视图使用“titleDiv”和每个视图通过JavaScript呈现。结果，该按钮出现在所有视图上。当另一个链接被点击时，视图会滑入。我可以使用删除按钮：

$("#csv_button").remove(); 

但我不知道如何和这样当视图滑出按钮消失时调用它。

编辑：我正在寻找一个javascript调用，它将检测视图何时开始滑动，以便此时可以删除该按钮。

Answer 1

HTML中的ID不能重复使用。浏览器会接受它，但是你的jQuery只会看第一个。

使用不同的ID来允许干净的单个附加。

Answer 2

正如你所说titleDiv是用于多个视图，然后使用它作为class而不是id。

而且，如果您使用的是ID，则您应该有每个元素的unique id's。 so your expression will become：

var button_to_add = '<div id = "csv_button"><nav>CSV</nav></div>' 
$(".titleDiv").append(button_to_add);