超薄嵌套链接

Question

如何在slim中实现嵌套链接逻辑？ 我需要一些HTML：

<a href='first_url'>
  <div class='some_class'>
    <a href='second_url'>
      ...
    </a>
  </div>
</a>

我的代码

= link_to 'first_url' do
  .some_class
    = link_to 'second_url' do
      ...

但我看错了html：

<a href='first_url'></a>
<div class='some_class'>
  <a href='first_url'></a>
  <a href='second_url'></a>
</div>

我怎么能解决这个错误？任何想法？

Answer 1

正如@Ian Kenny在他的评论中指出的 嵌套的锚标签是无效的HTML所以不是嵌套锚标签，你可以在容器元素上使用一些js魔法来实现同样的事情：

.some_class#first-url
  = link_to second_anchor_path do
    Second Anchor

<强> JS：

$(document).on("click","#first-url",function(){
  window.location.href = '/some_url';
});