2012-01-20 3 views
0

複数のファンシーボックスポップアップが必要なヘッダーメニューリンクの行があります。 Iメニューセクションに適切なfancyboxコードを挿入するときしかし、テキストは、他のリンクよりもわずかに小さく、高い(そしてminislide背景ボタン等を内蔵していない):私はテキストを実現ファンシーボックスがミニスライドリンクに組み込まれている

<li><a id="tip6"><strong>How it works</a></li> <li class="line">|</li> 

をそれが実際にhref=リンクを持っている必要があるように、メニューシステムがそれがリンクであることを知るように(それは必要ではありません)もちろん、リンクが追加されると、それはfancybox操作を無効にします。これは、機能的なリンクは私たちのメニューシステムのように定式化する必要があるものです:

<li><strong><a href="link.php">How it works</a></strong></li> <li class="line">|</li> 

私はそれがfancyboxリンクとして機能するようにしたいので、どのように私は、実際のhref=リンクを削除し、それをの考えにメニューをだますことができますリンクが正しく表示されますか?

は、私はすでに成功せず、次のことを試してみた:

<li><strong><a id="tip4" href="link.php">How it works</a></strong></li> <li class="line">|</li> 

答えて

1

またfancybox機能をオーバーライドし、まだあなたのスタイルの設定で動作するようにhref属性を持つ避けるためにhref="javascript:;"を使用することができますので、

<li><strong><a id="tip4" href="javascript:;">How it works</a></strong></li> <li class="line">|</li> 

またはアンカー内のstrongタグ付き(実際には関係ありません)

<li><a id="tip4" href="javascript:;"><strong>How it works</strong></a></li> <li class="line">|</li> 

一方、同一のhtml文書内の複数の要素に対して同じスクリプトを使用する場合は、IDの代わりにclassesを使用することをお勧めします。 http://fancybox.net/faq No.7を確認してください

+0

とても簡単です!完璧、多くのありがとう! – JoeW

関連する問題