javascript - 如何像一样触发div

Question

网站上有一个 div 框，并且有一个链接。我想单击容器以触发 <a> :

<a href="#">sapien sed</a>

但是当我点击容器div时，它没有给出响应或者处于无限循环中。我怎么解决这个问题？也就是说;我想点击div触发<a>

整个代码:

<div class="container">
    <h2>Lorem ipsum dolor sit amet</h2>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue molestie venenatis.
        In adipiscing vulputate sem. Suspendisse potenti. Vestibulum nisl nibh, interdum sit amet pulvinar at,
        malesuada vitae lacus. Aliquam semper <a href="#">sapien sed</a> risus laoreet ultrices. Donec volutpat felis eu justo
        bibendum tempus. Donec non purus sed sapien fringilla tempor ut et metus. Nulla ipsum nibh, dapibus
        ac ornare vitae, fermentum nec nulla.
    </p>
</div>

<script type="text/javascript">
    $(function(){
        $("div.container").each(function(){
            var $container = $(this);
            $container.find("a:first").each(function(){
                var $link = $(this);
                $container
                    .css("cursor", "pointer")
                    .click(function(e){
                        $link.trigger("click");
                        return false;
                    });
                $link.bind("click", function(e){
                    e.stopPropagation();
                    return true;
                });
            });
        });
    })
</script>

Answer 1

问题是您期望 trigger("click") 导致链接发生默认行为(即您期望链接被跟踪以及它链接到的页面已加载)。然而，那不是trigger做。它所做的只是执行绑定(bind)到元素的 click 事件处理函数。

要实际点击链接，您可以获取 href 并使用 window.location:

$link.bind("click", function(e){
   window.location = $link.attr("href");
   e.stopPropagation();
   return true;
});

这是一个updated fiddle .