2010-02-03 5 views
0

Salut J'essaie d'utiliser le plugin Simple Modal fonctionne, mais quand je clique sur le lien, la boîte de dialogue va et vient rapidement. J'essaye juste d'avoir une boîte de dialogue simple fonctionnant comme montré dans http://www.ericmmartin.com/projects/simplemodal/#examples.Aide en utilisant SimpleModal plugin (JQUERY)

Veuillez nous indiquer comment le faire fonctionner.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script> 
    <script type='text/javascript' src='http://www.ericmmartin.com/wordpress/wp-content/themes/emm-v3/scripts/jquery.plugins.js?ver=1.0.2'></script> 
    <script type='text/javascript' src='http://www.ericmmartin.com/wordpress/wp-content/themes/emm-v3/scripts/jquery.simplemodal.js?ver=1.3.3'></script> 
    <script type="text/javascript"> 
$(document).ready(function() { 
    $("a").click(function() { 
     // Chained call with no options 
     $("#sample").modal(); 
    }); 
}); 
    </script> 

<title>hi</title> 
</head>  


<body> 
<a href="">Link</a> 

</body> 
</html> 

Répondre

3

Vous pouvez télécharger la démo de base et vous aurez un exemple simple d'utilisation de SimpleModal.

http://www.ericmmartin.com/projects/simplemodal-demos/

BTW, s'il vous plaît faire lien chaud de ne pas les scripts sur mon site.

-Eric

+1

1 - Eric, puisque vous semblez en utilisant wordpress, si vous avez le contrôle au-dessus de votre '.htaccess', voyez ici comment arrêter le hot-linking facilement: http://wpshout.com/a-to-z-of-wordpress-htaccess-hacks/ –

0

vous devez arrêter la fonction par défaut du lien. Alors changer votre code:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a").click(function(evt) { 
      // Chained call with no options 
      $("#sample").modal(); 
      evt.preventDefault(); 
     }); 
    }); 
</script> 
0

J'ai le même problème et résolu après la mise à jour jquery-1.8.3.js