Charger le fichier html dans le modal

Question

Je rencontre des problèmes lors du chargement d'un fichier html dans un modal.

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#modal-dialog-link-3').modalDialog({ 
    headingText:'test', 
    ajax:{ 
    url:'consent.html' 
    }, 
    activator:'#modal-dialog-link-3' 
    });  
}); 
</script> 

<a href="#" id="modal-dialog-link-3" class="link">Click here</a> 

Voici le fichier html que je suis en train de charger consent.html

<div id="openModal" class="modalDialog"> 
    <div class="modal"> 
     <div class="modal-top"> 
      <a href="#close" title="Close" class="close">+</a> 
      <p class="articlesubtitle">Thank You</p> 
     </div> 
     <div class="modal-middle"> 
      <p class="articlesubtitle">test</p> 
      </div> 
    </div> 
</div> 

Je reçois l'erreur suivante: Uncaught TypeError: Object [object Object] n'a pas de méthode « modalDialog 'modal.shtml: 57 (fonction anonyme)

Answer 1

quelque part il doit y avoir un plugin jQuery qui définit modalDialog. Votre erreur suggère que vous n'en avez pas.

Il ressemblerait à quelque chose comme $.fn. modalDialog = function(){ /* .... */ }