jQuery點擊svg

Question

有什麼辦法可以選擇與jQuery的svg嗎？我不想操縱任何東西。就像任何img一樣點擊。

（我知道他們是一些外部庫來操縱SVG但是我問這裏是否有可能只是與jQuery和任何其他點擊。）

請檢查你的答案在這裏：http://jsfiddle.net/NUCwg/

HTML：

<div id="content" > 
    <object data="http://upload.wikimedia.org/wikipedia/commons/3/38/HTML5_Badge.svg" 
     type="image/svg+xml" id="svg"> 
     <img src="grafic.png" alt="BG"> 
    </object> 
</div> 

JQUERY：

$(function(){ 
    $("#content").click(function() { 
     $("#content").fadeOut("normal"); 
    }); 
}) 

Answer 1

正如你不能綁定事件對象/從跨域SVG，你可以使用這種破解它{使用覆蓋}招：

SEE DEMO

$(function() { 
    var $content = $('#content'), 
     $overlay = $('<div/>').width($content.width()).height($content.height()).css({ 
      position: 'absolute', 
      left: $content.offset().left, 
      top: $content.offset().top 
     }).appendTo('body').click(function() { 
      $content.add(this).fadeOut("normal"); 
     }); 
}) 

Answer 2

http://jsfiddle.net/NUCwg/6/

我認爲您的解決方案沒有奏效，因爲jQuery的可以不褪色object或embed元素（參見http://jsfiddle.net/9CVFd/1/）。我的解決方案唯一的缺點是它缺少柵格後備。