2010-11-09 5 views
0

Je cette jsboîte Fancy fait le lien directement

$(".features_edit").fancybox({ 
    'width'    : '38%', 
    'height'   : '40%', 
    'autoScale'   : false, 
    'transitionIn'  : 'none', 
    'transitionOut'  : 'none', 
    'type'    : 'iframe' 
}); 

mon html

<li><a href="http://somthing.com/side/48/features/553/edit" class="features_edit">Apples</a></li> 
<li><a href="http://somthing.com/side/48/features/554/edit" class="features_edit">Oranges</a></li> 
<li><a href="http://somthing.com/side/48/features/555/edit" class="features_edit">Pears</a></li> 

mais quand je clique sur le lien, il va à l'emplacement plutôt que la visionneuse des idées

Ok ici est plus infomation

Tous les liens sont ajoutés mon j se avascript donc quand je l'ai fait

$(".features_edit").click(function(){ 
    console.log("testing"); 
}); 

rien ne se passait donc j'ai besoin peut-être une sorte de vivre ou quelque chose pour le faire fonctionner des idées

Répondre

0

La documentation est liée ci-dessous.
http://fancybox.net/howto

Voici quelques choses à considérer au sujet Fancybox:

  1. Nécessite un type de document valide
  2. nécessite des fichiers js jQuery et fancybox.
  3. Nécessite le fichier css fancybox.

De plus, vos $ (sélecteur) .fancybox ({... déclaration doit être à l'intérieur d'un $ (document) .Lire (fonction {... déclaration.

0

Pourriez-vous écrire un code plus complet échantillon? obtenez-vous des erreurs javascript? J'ai aussi vu quand ne comprenant pas le bon chemin pour les fichiers de plugin fancybox.

0

Assurez-vous que vous appelez le .fancybox de $ après que le document est prêt.

Par exemple:

jQuery(document).ready(function($){ 
$(".features_edit").fancybox({ 
    'width'    : '38%', 
    'height'   : '40%', 
    'autoScale'   : false, 
    'transitionIn'  : 'none', 
    'transitionOut'  : 'none', 
    'type'    : 'iframe' 
}); 
}); 
Questions connexes