Question

您好我有一个与onclick有链接的div（请参阅代码）。在这个div中，有另一个链接到另一个页面，而不是整个div。以下代码适用于IE，Chrome和Firefox，但不适用于Safari。在Safari中，您仍然可以使用整个div链接而不是其他链接。知道怎么解决？我在其他帖子中找到了一些建议，但到现在为止我没有任何作用。

compressionLevel

Answer 1

这是我的一个工作例子。避免使用内联JS BTW。

<div class="coach-list" style="cursor: pointer;">
    <div class="coach-list-inner">
         <h4>Name</h4>

        <p><a href="/otherpage" target="_blank">Link to other page</a>

        </p>
    </div>
</div>

$('.coach-list').click(function () {
    alert('div');
    window.location = '/page';
    return true;
});

$('a').click(function (e) {
    alert('a');
    e.stopImmediatePropagation();
    return false;
});

Answer 2

我将e.stopPropagation();替换为return: false;。似乎在Safari中工作：

window.location='/page';if (!e) var e = window.event;
                                e.cancelBubble = true;
                                return false;

http://jsfiddle.net/ryanpcmcquen/bmodwvzg/

return: false;等于e.preventDefault(); e.stopPropagation();。

https://css-tricks.com/return-false-and-prevent-default/

在Safari中的onclick div中链接

2 个答案: