2016-07-24 11 views
-1

これは.tileは、<a>の外にすることができます を印刷している、私のPUG/JADEコードがジェイド/内部PUG挿入タグA他

a(href="#card") 
    div.tile 
    h1 open card 

    #card 
     a(href="#") click to close 

を下回っている。しかし、このコードが正しく印刷されませんで以下の印刷コードをご覧ください。

<a href="#card"></a> 
<div class="tile"> 
    <a href="#card"> 
    <h1>Open card</h1> 
    </a> 

    <div id="card"> 
    <a href="#card"></a> 
    <a href="#">click to close</a> 
    </div> 
</div> 

私はこのコードが必要:リンク内の

<a href="#card"> 
    <div class="tile"> 
    <h1>Open card</h1> 
    <div id="card"> 
     <a href="#">click to close</a> 
    </div> 
    </div> 
</a> 
+2

完全に無効なHTMLです。そんなことしたらダメ。リンク内のリンクは、スイカをスイカの中に入れたようなものです。それは意味がありますか?おそらくない。 – vsync

答えて

3

リンクは無効なHTMLです。 Jadeは内部的に構文を修正するHTMLビルダーを使用していると思われます。あなたが望むと思うHTMLを手書きしてブラウザに表示すると、同じ結果が表示されます.2番目のaタグが最初のものの外に移動します。

0

同様の使用例がありましたが、アンカータグの内側にあるdiv内にクリックハンドラを持つDOM要素が必要でした。

内部のクリック可能な要素にスパンを使用し、JavaScript関数addEventListenerを使用しました。内部のクリック可能な要素に対してevent.preventDefault()を使用することを忘れないでください。囲むアンカータグでhrefをトリガーしないようにしてください。

関連する問題