Question

我有一个翻转块列表。块本身是指向一个页面的链接。在块内是另外两个链接，文本，到不同的页面。当您单击其中一个链接时，该链接和块链接都会执行，从而导致加载两个窗口。如何在单击块链接未执行的文本时这样做？

谢谢！

echo "<div class='feedcontent'
           onclick='show_thumbnail($pageid,$revid, this)'
           id='newsitem-$pageid-$revid'>";

echo " <a href='javascript:void;'
             onclick='load_wikitrust(\"$wktrust_url\");'>edited</a><br>";
$aname=substr($wkarticle, 0, 27);
echo " <a href='javascript:void;'
             onclick='window.open(\"$wkarticle_url\")'>$aname</a>";
echo " on <span class='timeline_timestamp'>$timestamp</span>";
echo "</div>

因此，例如，当您单击文章名称（$ aname）时，显示缩略图的onclick链接以及onclick链接将打开包含文章加载的窗口。这只是块内部代码的片段，它由类feedcontent定义。

Answer 1

您可以使用event.stopPropagation();：

http://jsfiddle.net/jPYka/

<div class="outer" onclick="alert('outer container clicked'); return false">
    <div class="inner" onclick="alert('inner 1 clicked'); event.stopPropagation();">inner 
        1
    </div>
    <div class="inner" onclick="alert('inner 2 clicked');">inner 
        2
    </div>
</div>

注意单击第一个容器时如何防止外部div的onclick事件。

Answer 2

即使它可能有效，但你不能嵌套href ，

A元素定义的链接和锚点不能嵌套;一个A. element不得包含任何其他A元素。

w3.org - View full details on their page

Answer 3

根据HTML规范，您不能将a标记放在另一个标记内。

The a element


类别：互动内容，流量内容     内容模型：透明，但必须没有互动内容后代。

修复HTML以获得正确的行为！

显示块链接内部链接问题，两个链接都激活

3 个答案: