Boîte de fantaisie, saisir de l'url

Question

Je développais un site et j'utilise bootstrap, et jquery ... J'ai découvert que bootstrap a des modals qui sont exactement comme fancybox, mais je me suis rendu compte que ce n'était pas assez bon, alors je suis allé de l'avant got fancybox ... J'ai récemment vu un site Web appelé PrimeDice, et j'ai vu qu'ils utilisaient également fancybox, et je veux configurer fancybox, comme ils l'ont fait ... Si vous regardez dans leur code, vous pouvez voir qu'ils obtiennent le fancybox comme ça ...

<a href="/modals/faq.html" class="action-fancybox">faq</a> 

Fondamentalement, ce qui se passe est que si vous allez à http://primedice.com/modals/faq.html vous verrez la version texte de la boîte de fantaisie. Je veux faire quelque chose de similaire, où il récupère le texte ou les données de la fancybox à partir d'une page différente ... Donc, fondamentalement, un dossier appelé modals, et un fichier appelé text.php, puis récupérer les informations à partir de cela, et l'afficher comme fancybox sur ma page d'accueil ... J'espère que vous comprenez ce que je veux dire ...

C'est ce que leur code faq ressemble: http://pastie.org/8345073

Answer 1

Si vous avez cette html

<a href="/modals/faq.html" class="action-fancybox">faq</a> 

utilisent alors un code jQuery comme celui-ci

jQuery(document).ready(function($){ 
    $(".action-fancybox").fancybox({ 
     type: "iframe" 
    }); 
}); 

En supposant que vous avez jQuery correctement chargé, ainsi que js FancyBox et fichiers css.

voir travailler dans ce JSFIDDLE

Answer 2

vous voulez faire quelque chose comme ça?

$('.fancybox').click(function(e) { 
e.preventDefault() 
$.fancybox({ 
    'content': $(this).attr('href'), 
    'type':'iframe' 
});