我在使用我的 SVG 中內(nèi)置的錨元素時遇到了很多麻煩（顯示為<object>）。我正在嘗試使用 jQuery 將我的對象中的錨點元素作為目標(biāo)，以便在單擊時切換其各自的內(nèi)容。如果您看一下我的示例，我的 SVG 中內(nèi)置了 3 個鏈接（它們的綠色陰影比其他的更淺）。我使用 InkScape 創(chuàng)建我的 SVG 圖像，并且在鏈接的淺綠色區(qū)域上只是 href 屬性分別等于“#operable-shades”、“#gutters-downspouts”和“#gable-pediments”的形狀。當(dāng)我的 SVG 在我的頁面上很好地顯示（使用標(biāo)簽<object>）時，當(dāng)將鼠標(biāo)懸停在我創(chuàng)建的鏈接上時，我得到原始對象數(shù)據(jù) URL，并在其末尾附加了我指定的錨點（例如“https://example.com” /wp-content/uploads/GHB_Interface-v0.1.svg#gable-pediments') 當(dāng)我期望它是'https://example.com/#gable-pediments'。<script type="text/javascript">jQuery(document).ready(function($) {    $('.ghb_toggle').hide()    $('a[href^="#"]').on('click', function(event) {        var target = $(this).attr('href');        $(target).toggle();    });});</script>.ghb_toggle {  display:none;}<object type="image/svg+xml" data="https://example.com/wp-content/uploads/test.svg" width="500" height="400"></object><div id="gable-pediments" class="ghb_toggle">  <p>Content 1</p></div><div id="gutters-downspouts" class="ghb_toggle">  <p>Content 2</p></div><div id="operable-shades" class="ghb_toggle">  <p>Content 3</p></div>我怎樣才能修改我的 jQuery 以便能夠成功地與我內(nèi)部的錨元素交互<object>以隱藏/顯示具有唯一標(biāo)識符的相應(yīng)內(nèi)容？