1

タッチフレンドリーで有効なhtml5であるため、さまざまな要素を含むアンカーがあります。

<a href="whatever.html">
   <h2>Title</h2>
   <p>Paragraph</p>
</a>

ここで、このアンカーにツイート ボタンを追加します。ただし、アンカーのネストは html5 では無効です。したがって、これは Twitter の iframe をアンカーの外側にレンダリングします。

<a href="whatever.html">
   <h2>Title</h2>
   <p>Paragraph</p>
   <a href="https://twitter.com/share" class="twitter-share-button">...</a>
</a>

そして、マークアップを次のように変更すると、ボタンはレンダリングされません。

<a href="whatever.html">
   <h2>Title</h2>
   <p>Paragraph</p>
   <div class="twitter-share-button">...</div>
</a>

facebook のようなボタンは、機能するためにアンカー要素を必要としないため、適切にレンダリングされます。Twitterの回避策を知っている人はいますか？これがjsfiddleです：http://jsfiddle.net/xdEwg/

4

1 に答える 1

0

最後に、これをアンカーの外に置き、絶対位置を使用して、これを恐ろしくハッキングしました...

<div class="module">
  <a href="whatever.html">
    <h2>Title</h2>
    <p>Paragraph</p>
  </a>
  <a href="https://twitter.com/share" class="twitter-share-button">...</a>
</div>

.module {
  position: relative; 
}
.twitter-share-button {
  position: absolute;
  bottom: 0;
}

しかし、私はまだ回避策に興味があります。

于 2012-07-10T02:50:25.267 に答える