jquery触发器单击其他元素

时间:2014-05-22 14:02:50

标签: jquery

我查看了其他类似的问题,但我还没有弄清楚为什么我的解决方案不起作用。也许你可以发现我失踪的东西。我尝试做的是点击带有ID徽章的div

时触发点击

HTML

<div id="call-out">
    <div id="badge">Brochure</div>
    <p>Add <a href="http://www.google.com" target="_blank">test</a> content</p>
</div>

jQuery的:

$('#badge').on('click', function(e) {
    e.stopImmediatePropagation();
    if (! $(e.target).is('a')) {
        $(this).parent('div').find("a").trigger('click');
    }
});

任何建议表示赞赏。这是我的测试:http://jsfiddle.net/m89wa/2/

3 个答案:

答案 0 :(得分:2)

变化: $(本).parent( 'DIV')发现( “a”)的触发( '点击');

尝试: location.href = $(this).parent('div')。find(“a”)。attr(“href”);

答案 1 :(得分:0)

试试这个:

$('#badge').on('click', function(e) {
 e.stopImmediatePropagation();
 $(this).parent().find('a').trigger('click');
});

<强> Demo

答案 2 :(得分:0)

如果在jquery元素上没有参数的情况下调用click函数,它将触发该元素上的click事件。

http://api.jquery.com/click/

$('#badge').on('click', function(e) {
    e.stopImmediatePropagation();
    $(this).parent().find('a').click();       
});