2010-10-16 5 views
0

J'ai un plugin jquery qui retourne la boîte div quand on clique dessus. Quand il est retourné, j'ai une vignette qui, lorsqu'on clique dessus, devrait tirer sur ma visionneuse, mais elle fait simplement remonter l'image sur une autre page. J'appelle plusieurs div utilisant des tableaux php. J'ai essayé tous les moyens d'appeler les images mais rien ne fonctionne. Voici une partie du code.Jquery lightbox ne fonctionne pas lors de l'appel au html en php

$(function() { 
    $('a').lightBox(); 
}); 


foreach($sponsors as $image) { 
    echo '<div class="sponsor" title="Click to flip"> 
      <div class="sponsorFlip"> 
       <img src="img/sponsors/'.$image[0].'.png" /> 
      </div> 
      <div class="sponsorData"> 
       <div class="sponsorDescription" id="gallery"> 
        <a href="img/sponsors/'.$image[1].'.png"/><img src="img/sponsors/'.$image[0].'.png" /></a> 
       </div> 
       <div class="sponsorURL"> 
       </div> 
      </div> 
     </div>'; 
} 

Voici ce que le script ressemble à ma boîte de retournement.

$(document).ready(function() { /* The following code is executed once the DOM is loaded */ 
    $('.sponsorFlip').bind("click", function() { 
     // $(this) point to the clicked .sponsorFlip element (caching it in elem for speed): 
     var elem = $(this); 
     // data('flipped') is a flag we set when we flip the element: 
     if (elem.data('flipped')) { 
      // If the element has already been flipped, use the revertFlip method 
      // defined by the plug-in to revert to the default state automatically: 
      elem.revertFlip(); 
      // Unsetting the flag: 
      elem.data('flipped', false) 
     } 
     else { 
      // Using the flip method defined by the plugin: 
      elem.flip({ 
       direction: 'lr', 
       speed: 350, 
       onBefore: function() { 
        // Insert the contents of the .sponsorData div (hidden from view with display:none) 
        // into the clicked .sponsorFlip div before the flipping animation starts: 
        elem.html(elem.siblings('.sponsorData').html()); 
       } 
      }); 
      // Setting the flag: 
      elem.data('flipped', true); 
     } 
    }); 
}); 

$(".sponsorFlip").bind("click", function (e, block) { 
    if (block) return false; 
    $(".sponsorFlip").not($(this)).each(function() { 
     if ($(this).data("flipped")) $(this).trigger("click", [true]); 
    }); 
}); 

Répondre

0

Je l'ai à travailler en mettant ce dans mon fichier js qui se déplie mon contenu.

$(document).find('#leftcontent a').lightBox({fixedNavigation:true}); 
0

Je ne suis pas sûr que le plugin lightbox que vous utilisez, mais il semble que ce n'est pas empêcher la valeur par défaut d'une action de la balise de tir. Vous pourrez peut-être résoudre ce problème en ajoutant:

$('a').click(function(evt){ 
    evt.preventDefault(); 
}); 
+0

Aucun problème n'a été corrigé. Cela fonctionne quand je n'essaie pas d'appeler à l'intérieur de ce php. J'ai essayé tous les moyens de l'appeler à l'intérieur de la fonction, donc il doit y avoir quelque chose d'autre ou peut-être quelque chose ajouté, je ne suis pas sûr. – DonWrk

+0

Hmmm ... Avez-vous un lien? –