leanModal.js - la plus Simple jQuery Modal Script Dépannage

Man oh Man. Après avoir lutté plus de leanModal, le plus simple possible Modal de la Fenêtre de script, pendant de nombreuses heures, je n'arrive toujours pas à déclencher.

leanModal: http://leanmodal.finelysliced.com.au

Mon site: http://wlvrtn.com/sites/nms-leanmodal/

Aider un jQuery noob out?


TÊTE:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="_/js/jquery.leanModal.min.js"></script>
<script type="text/javascript">
        $(function() {
            $('a[rel*=leanModal]').leanModal({ top : 200, closeButton: ".modal_close" });       
        });
</script>

CSS:

#lean_overlay {
position: fixed;
z-index: 10000;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}

#test {
width: 600px;
display:none;
background: #FFF;   
}

HTML:

<a class="request-consultation" rel="leanModal" name="test" href="#test">
    Request Complimentary Consultation
</a>                 

<div id="test">
    <p>Lorem ipsum dolor sit amet.</p>
</div>
  • Aha! Enlever le code suivant à partir du pied de page (qui avait été placée en premier lieu par html5reset.org): <script src="ajax.googleapis.com/ajax/libs/jquery/1.9.1/...> <script>fenêtre.jQuery || document.write("<script src='_/js/jquery-1.9.1.min.js " >\x3C/script>")</script>
  • Je pars du principe que jQuery ne doit être référencés. Alors, où est le bon endroit pour référence la plus récente de jQuery? <head>, ou juste avant </body>?
InformationsquelleAutor pianofighter | 2013-04-12