javascript - 在 jQuery 中使用通用 div id 按钮不会在多个 View 上消失

Question

我正在开发 .NET MVC 应用程序。我使用 jQuery 添加了一个按钮，代码如下:

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

问题是多个 View 正在使用“titleDiv”，并​​且每个 View 都是通过 javascript 呈现的。结果，该按钮出现在所有 View 上。单击另一个链接时 View 会滑入。我可以使用以下方法删除按钮:

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

但我不确定如何以及何时调用它，以便当 View 滑落时按钮消失。

编辑:我正在寻找一个 javascript 调用，它将检测 View 何时开始滑动，以便在那一刻可以删除按钮。

Answer 1

正如您所说的 titleDiv 用于多个 View ，然后将其用作 class 而不是 id。

如果您确实使用了 id，则每个元素都应该有唯一的 id。所以你的表情将变成:

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