2012-02-21 2 views
3

Я использую Fancybox. http://fancybox.netРазмещение HTML-страницы в качестве содержимого в JQuery Fancybox

Проблема, с которой я сталкиваюсь, заключается в передаче HTML-страницы как содержимого в Fancybox. Я вижу ссылки, но не уверен, как передать HTML. Кто-нибудь может мне помочь?

------- Adding code below 

function test() { 
    $.fancybox($.extend(fancyboxdefaults(), { 
     wrapCSS: 'default', 
     'content': 'static/common_structure.html', 
     'afterShow' : function() { 
      $("h2").html('Thank you'); 
      $("p").html('Thank you for your response.'); 
     } 
    })); 
    return false; 
} 
+0

Это, вероятно, зависит на * как * вы это делаете ... так, как вы это делаете сейчас? Посмотрев на страницу, я вижу пример Ajax и iframe ... что вы не понимаете? –

+0

вы можете попробовать использовать опцию iframe с fancybox, можете ли вы предоставить фрагмент кода или jsfiddle? –

+0

Попробовали? Вы, должно быть, шутите ... Вы читали инструкции и смотрели демонстрацию http://fancyapps.com/fancybox/demo/? – Janis

ответ

0

Вы можете работать с fancybox Ajax или iframe и загружать свою HTML-страницу в поле.

+0

Спасибо всем! Ответ Ajax отлично работает со мной. Я столкнулся с проблемой передачи прямой ссылки html-файла, которая отлично работала в старой лайтбокс. например, «content»: «html/fancybox_alerts.html», где html-файл является общим шаблоном. –

3

Страница документации http://fancybox.net/howto довольно хороша и объясняет, как ее использовать.

Если вы имеете в виду отображение HTML в FancyBox тогда это будет работать:

<a href="http://www.example?iframe">This goes to iframe</a> 

or 

<a class="iframe" href="http://www.example">This goes to iframe</a> 

Если вы хотите создать HTML, чтобы передать ему то должно работать:

$('#my_page').fancybox({ 
     'scrolling'  : 'no', 
     'overlayOpacity': 0.1, 
     'showCloseButton' : false, 
     'content' : '<p>your html here</p>' 
    }); 
+0

Thanx todd для вашего ответа. для большинства мест, ответ ajax в порядке со мной. только некоторые места, в которых я хочу использовать общий шаблон, и ранее я использовал «content»: «template.html», но теперь кажется, что он перестает работать. Так что просто запутался, как с этим бороться. –