기초 5 모달 작동하지 않음

나는 미니 프로젝트를 위해 기초 5를 사용하고 있습니다. 프레임 워크의 공개/모달 기능을 사용하고 싶습니다. 그러나 그것은 작동하지 않는 것 같습니다.

된 index.html은

<!DOCTYPE html> 
<html> 
<head> 
    <title>Job Posting</title> 
    <link rel="stylesheet" type="text/css" href="../css/normalize.css"> 
    <link rel="stylesheet" type="text/css" href="../css/foundation.min.css"> 

    <script type="text/javascript" src="../js/vendor/custom.modernizr.js"></script> 
</head> 
<body> 
    <a href="#" class="button" data-reveal-id="myNormal">click</a> 
    <div class="reveal-modal" id="myNormal"> 
     Modal 
     <a class="close-reveal-modal">x</a> 
    </div> 
    <script src="../js/vendor/jquery.js"></script> 
    <script src="../js/foundation/foundation.js"></script> 
    <script src="../js/foundation/foundation.reveal.js"></script> 
    <script> 
     $(document).foundation(); 
    </script> 
</body>

나는 그것이 디버거에서 오류를 표시하지 않는 브라우저가 JS로드 것을 확신합니다. 그리고 나는 그것이 코드에서 어딘가에 있다는 것을 알고 있습니다.하지만이 문제에 걸린 지 2 시간이 지났습니다. 어떤 도움이라도 대단히 감사 할 것입니다.

출처

2013-11-28 Boy Pasmo

좋은 아주 좋은 감사합니다! –

당신은 이을 데이터 공개 잊은 있습니다

<div class="reveal-modal" id="myNormal" data-reveal>

출처

2013-11-28 11:00:04 Oliv

대단히 감사합니다! 이제 나는 계속 나아갈 수 있습니다. –

굉장해. 나는 같은 문제에 붙어있어이 포스트는 나를 구해줬다. –

기초 5 모달 작동하지 않음

답변

관련 문제