2011-01-17 4 views
2

Ich habe ein Problem ...jQuery, fancybox arbeiten, aber nur, wenn Sie dieses Bild klicken zweimal

JS

$('#Contact').ready(function(){ 
    $('a#Contact-Map').live('click',function(event){ 
     event.preventDefault(); 
     $('a#Contact-Map').fancybox({ 
      'transitionIn' : 'elastic', 
      'transitionOut' : 'elastic', 
      'speedIn'   : 600, 
      'speedOut'   : 200, 
      'overlayShow' : true 
     }); 
    }); 
}); 

HTML

<div class="Module-Frame" id="Contact"> 
    <a id="Contact-Map" href="./Modules/Contact/Images/mapa_big.png"> 
     <img src="./Modules/Contact/Images/mapa.png" alt=""/> 
    </a> 
</div> 

Dieser HTML-Code von .load geladen wird() jQuery-Funktion. Das funktioniert aber nur, wenn Sie dieses Bild klicken zweimal ...

Hilfe pls :)


JS mit load() Func

 
$(document).ready(function(){ 

    $("#Menu").children().click(function(event){ 
     $("#Content").hide().load('./Modules/'+ event.target.id.substr(5) +'/index.php', function() { 
      $(this).fadeIn(); 
     }); 
    }); 



}); 



HTML

 
< html > 
< head > ... 

... 
<body> 
... 
      <div id="Menu"> 
       <a id="Menu-News" href="#" title="Aktualnosci"> aktualności | 
       <a id="Menu-Aboutus" href="#" title="O nas"> o nas | 
       <a id="Menu-Contact" href="#" title="Kontakt"> kontakt | 
       <a id="Menu-Gallery" href="#" title="Galeria"> galeria 

      </div> 
... 
< div id=#content> ... 
+0

sind Sie in der Lage, die gesamte HTML Sie verwenden oder zumindest Ihre Ladung aufzunehmen () Funktion? – timothyclifford

+0

ok ... code incuted –

+0

Timothy, hast du ein paar Ideen, wie du dieses Problem lösen kannst? –

Antwort

13

Nach vielen Stunden löste ich das Problem einfach durch Änderung:

$(this).fancybox({
zu:
$.fancybox(this,{

 
$('#Contact').ready(function(){ 
    $('a#Contact-Map').live('click',function(event){ 
     event.preventDefault(); 
     $.fancybox(this,{ 
      'transitionIn' : 'elastic', 
      'transitionOut' : 'elastic', 
      'speedIn'   : 600, 
      'speedOut'   : 200, 
      'overlayShow' : true 
     }); 
    }); 

}); 

+1

wow, es funktioniert! Könntest du herausfinden warum? – abhijeetmisra

+0

dies löst definitiv das Problem, das ich mit fancybox an das Click-Ereignis einer einzelnen innerhalb einer Tabelle gebunden hatte, danke! – ariestav

+0

Du bist großartig Ich habe seit Tagen damit zu kämpfen !!!! –

0

Entfernen Sie Ihren onclick in Ihrem HTML, er löst vor Ihrem Ereignishandler aus.

+0

nichts ändern ... dasselbe Problem –

Verwandte Themen