細長嵌套鏈接

Question

我如何在細長中實現嵌套鏈接邏輯？ 我需要一些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'; 
});