<a> onclick para abrir un contenido de ajax en un FancyBox

me gustaría hacer algo como esto:<a> onclick para abrir un contenido de ajax en un FancyBox

<a href="javascript:void(0);" id="myLink" onclick="$(this).fancybox({href : 'myPage.php'});">Open ajax content</a>

en cuenta que no debe utilizar un script como el siguiente:

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     $("#myLink").fancybox({href : 'myPage.php'}); 
    }); 
</script>

Quiero activar una fancybox desde un elemento <a> onclick. Pero en esta función onclick, DEBE tener el 'href' de fancybox, exactamente como escribí anteriormente. Pero cuando escribí, no funciona. Por favor, ayuda :)

Fuente

2012-08-04 amravazzi

'NO DEBO usar una secuencia de comandos como esta' .... ¿por qué? – JFK

después de que el documento esté listo, añada el botón haga clic en evento.

jQuery(document).ready(function(){ 

     $("#myLink").click(function() { 
      $(this).fancybox({href : 'myPage.php'}); 
     }); 

});

entonces no hay necesidad de código javascript en su elemento.

<a href="#" id="myLink">Open ajax content</a>

marca esta enlaces para el jQuery click function y más sobre observer pattern

Fuente

2012-08-04 06:33:21

Es una buena idea, pero no funciona. Fancybox responde que "el contenido no se pudo cargar". Como dije antes, DEBO usar el evento onclick en el elemento , o en cualquier otro elemento HTML. Pero como lo experimenté, fancybox no me permite activarlo excepto a través de un elemento con "href". ¿Alguna otra sugerencia? – amravazzi

tratar

$("#myLink").click();

se debe activar el evento onclick.

Fuente

2012-08-04 06:54:41 Prasanth

<a> onclick para abrir un contenido de ajax en un FancyBox

Respuesta

Cuestiones relacionadas