如何使用<object> child？</object>在锚元素上触发jQuery click事件

Question

如果有人点击有<a>孩子的<object> nchor，我会尝试触发点击事件：

$(function() {
    $("object").click(function() {
        alert("test");
        return false;
    });
});

标记：

 <a>
   <object data="menu-item-2.svg" type="image/svg+xml"></object>
 </a>

我希望点击<a>会触发点击事件。它没有。它仍然适用于mouseenter事件。

如何触发点击事件？

Answer 1

你可以这样做。

<强> Live Demo

您在锚标记中缺少href，

更改html

<a href="#">aa
   <object data="menu-item-2.svg" type="image/svg+xml"></object>
</a>

的Javascript

$(function() {
  $('a').each(function (){

  if($(this).children('object').length > 0)    
     $(this).click(function() {
         alert("test");
         return false;
  });
});