按鈕沒有消失在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);