為什麼 jQuery 不向 SVG 物件新增或刪除類，如何修復它？

jQuery SVG：新增或移除物件或刪除類別

使用jQuery SVG，您可能會遇到從SVG 物件新增或移除類別的困難。以下是一個常見錯誤及其解決方案。

問題：

您嘗試將類別新增至 SVG 對象，但變更並未出現。 SVG 和 jQuery 功能會依照其他操作的預期運作，例如點擊時觸發警報。

程式碼範例：

<rect></rect>

解決方案：

在早於3 的jQuery 版本中，存在向SVG 新增或刪除類別的已知問題不支援元素。要解決此問題，請考慮使用以下方法：

• jQuery 3:更新至 jQuery 版本 3 或更高版本，這可以修復此問題。
• Vanilla JavaScript： 使用classList.add() 或classList.remove() 方法，現代支援這些方法browsers:

document.getElementById("p5").classList.add("clicked");

• 帶有attr() 的jQuery: 如果您喜歡使用jQuery，另一個方法是使用 .attr() 方法：

$("#p5").attr("class", "jimmy clicked");

請記住，這些解決方案只會具體影響類別變更。其他 jQuery 與 SVG 元素的交互作用（例如事件處理）應該如預期運作。

以上是為什麼 jQuery 不向 SVG 物件新增或刪除類，如何修復它？的詳細內容。更多資訊請關注PHP中文網其他相關文章！