沒有唯一標識符的引導程序崩潰

我想以不需要唯一標識符的方式使用引導程序崩潰插件。通常，頁面上通常會有一個或幾個可摺疊的元素。沒有唯一標識符的引導程序崩潰

但我的元素是動態生成的，並且傳遞索引鍵是過度殺傷。

現在發生的情況是，如果我切換爲element2的摺疊，它將摺疊element1。很明顯，因爲他們有相同的ID。

任何方式來實現這個沒有實際給每個可摺疊元素一個唯一的ID？

這裏有一個功能爵士小提琴：

http://jsfiddle.net/hhvrjnr3/

來源

2015-02-06 Ortix92

「傳遞索引關鍵字是矯枉過正。」這沒有多大意義。只需使用相同的動態生成的ID生成鏈接和div。 – vcanales 2015-02-06 16:07:21

@devJunk是正確的。它是如何矯枉過正的？這和我沒有看到任何其他的方式 – 2015-02-06 16:09:32

嗯，我想盡力讓它工作，而不必這樣做。很明顯，這是一種可能性，我曾經這樣做過，但是現在編寫代碼的方式會變成一團糟。編輯：在我看來，使用ID是一個簡單的出路。顯然它不能使用插件本身完成。但是它可以通過使用jquery的find（）和parent（）方法來完成。所以我會那麼做。 – Ortix92 2015-02-06 16:09:34

這是可以做到。首先從您要摺疊的元素中刪除data-target="#collapseExample"。然後在切換按鈕上添加額外的類，我添加了「collapser」。這並不是真的需要，但確定切換按鈕非常好。然後添加一些jQuery來進行切換，在這種情況下，我使用next()來獲取切換按鈕的後續元素，這是您希望摺疊的元素。

$('.collapser').click(function() { 
    $(this).next().collapse('toggle'); 
});

Example jsFiddle

來源

2015-02-06 16:13:56 DavidG

沒有唯一標識符的引導程序崩潰

回答

相關問題