2011-04-26 4 views
1

J'ai été confronté à ce problème au cours des deux derniers jours. J'ai une entrée de type "fichier" dans une info-bulle. Lorsque je clique sur le bouton pour ouvrir la boîte de dialogue, rien ne s'affiche. Maintenant, j'ai essayé d'utiliser Valums AJAX Upload et la même chose arrive. Le problème est qu'il n'y a pas d'erreurs, donc je ne sais pas comment je peux déboguer pour savoir quel est le problème ... Voici mon code:La boîte de dialogue de fichier ne s'affiche pas

<div class="liImageThumb tooltip-trigger"> 
    <div class="tooltip down"> 
     <div class="tooltip-arrow"></div> 
      <p class="liUploadButton greenButton">Upload</p> 
      <p class="okButton"></p>   
    </div> 
</div> 

<script type="text/javascript" src="@Url.Content("~/Scripts/fileuploader.js")"></script> 
<script type="text/javascript"> 
    $(function() { 
     var greenButton = $('.liUploadButton')[0]; 
     var uploader = new qq.FileUploader({ 
      element: greenButton, 
      action: '@Url.Action("Upload", "Item")' //outputs the correct DOM node 
     }); 
     console.log(greenButton); 
    }); 

Et voici le code qui construit l'info-bulle:

$('.tooltip-trigger').removeClass('nonjs').live('mouseover', function(){ 
     var $trigger = $(this); 
     var $tooltip = $('.tooltip',$trigger); 
     if (!$trigger.data('init')){ 
      $trigger.data('init', true); 
      if($tooltip.length){ 
       $trigger.hoverIntent({ 
        'over':function(){$tooltip.show();}, 
        'out':function(){$tooltip.hide();}, 
        'timeout':200 
       }); 
       $trigger.trigger('mouseover'); 
      } 
     } 
    }); 

Selon vous, qu'est-ce qui empêche l'affichage de la boîte de dialogue?

+0

Pouvez-vous nous donner un jsbin? Difficile de dire juste en regardant ça. –

+0

@Oscar Godson: Désolé mais que voulez-vous dire par un jsbin? Je ne suis pas vraiment bon en javascript ... – Kassem

+0

JSBin.com vous permet de partager votre JS et votre code avec nous. Nous pouvons ensuite l'éditer et vous renvoyer un lien avec le code corrigé. Il suffit d'obtenir le code que vous nous avez donné ci-dessus pour travailler sur votre site maintenant, mais faites-le sur JS bin :) –

Répondre

-1

Utilisez-vous ceci dans le projet ASP.Net MVC? Je suppose, vous êtes, basé sur la syntaxe Url.Content. Si oui, vos balises de script src attribut doit ressembler à

src='<%=Url.Content("~/Content/script/MyFile.js")%>' 

Référez-this réponse pour plus de détails.

Questions connexes