Question

我在我的html中使用了iframe，加载了我在网上找到的图片库。每个img都有一个您可以点击的信息栏，当栏打开时，它会为观众提供其他信息。

<a href="images/test.jpg">
        <img src="images/test.jpg", 
         data-big=""
         data-title="test title"
         data-description="test description"/>
    </a>

我想在链接图片中的data-description元素中插入另一个链接，但我不知道这是否可行，如果可行，怎么做？

Answer 1

http://jsfiddle.net/4YPvp/

.link {
    position: relative;
}
.link span {
    position: absolute;
}

<a class="link" href="http://cnn.com">
    <img src="http://placehold.it/150x100" data-big="" data-title="test title" data-description="test description"/>
    <span data-url="http://npr.org">Other link</span>
</a>

$('.link span').click(function (e) {
    e.preventDefault();
    window.location = $(this).attr('data-url');
});

请注意，我在这个例子中使用了jQuery。

Answer 2

HTML不允许链接嵌套，尽管您可以连接一个基于JavaScript的点击处理程序来改变链接的行为。

需要更多详细信息才能完全回答您的问题。

链接中的链接？

2 个答案: