Fancybox интегрирован в мини-слайд - PullRequest
Новая
       27

Fancybox интегрирован в мини-слайд

0 голосов
/ 20 января 2012

У нас есть ряд ссылок меню заголовка, где пару из них должны быть всплывающими окнами fancybox. Однако, когда я вставляю соответствующий код fancybox в раздел меню, текст становится немного меньше и выше, чем другие ссылки (и не включает кнопку фона мини-слайда и т. Д.): 

<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 Ответ

1 голос
/ 20 января 2012

Вы также можете использовать href="javascript:;", чтобы избежать переопределения функциональности fancybox и при этом иметь атрибут href для работы с настройками стиля, поэтому 

<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, лучше использовать classes вместо ID. Проверьте http://fancybox.net/faq № 7 для более

...