2013-09-09 3 views
2

Есть ли настройка для ссылки, встроенной в fancybox? Моя ссылка не работаетвнешняя ссылка не работает в fancybox

HTML
<button href="#show_popup_link" class="show_popup">Click to open Fancybox</button> 
<div id="show_popup_link" class="show_popup" style="display: none;"> 
    Hello, I need this link to work this 
    <a href="http://www.google.com">External Link</a> 
</div> 

JQuery, кажется, работает

$(document).ready({ 
    $(".show_popup").fancybox();) 
}; 

FancyBox открывается, но на оленьей коже ссылки.

Jsfiddle ссылка:
http://jsfiddle.net/n2dHC/7/

+0

Вам нужно будет поместить описания в атрибут title и если вы связываете любые HTML-объекты с HTML-элементами. И возможно, возможно, этот код 'style =" display: none; "' делает его невидимым? –

+0

Мое использование здесь - ссылка на внешние ссылки, как показано в примере выше и как в jsfiddle. И я не получил вас @SolomonClosson – beebek

ответ

3

Избавиться от class="show_popup" кода на следующий HTML:

<div id="show_popup_link" class="show_popup" style="display: none;"> 

Таким образом, должно быть вместо этого:

<div id="show_popup_link" style="display: none;"> 

Потому что у вас есть то же имя класса, определенное на элементе button, вызывает попытку fancybox снова открыть его, но не может, потому что он уже открыт.

Working jsFiddle

+0

Правильно, OP делает класс 'show_popup' триггером и целью в то же время. – JFK

1

В данном примере вы дали имя же класса «show_popup» как для связи и разделения. поэтому даже когда вы нажимаете «Внешняя ссылка», div.fancybox(); звонит. Пожалуйста, измените имя класса разделения и попробуйте.

FIDDLE. Проверьте ссылку на скрипку.

<div id="show_popup_link" class="show_popup11" style="display: none;"> 
    Hello, I need this link to work 
    <a href="http://www.google.com" target="_blank">External Link</a> 
</div> 
+0

Спасибо, что решил. http://jsfiddle.net/n2dHC/19/ – beebek

Смежные вопросы