모달 팝업창이 나타나지 않음

<div class="salt"> 
     <a href="#" data-reveal-id="myModal" data-animation="fadeAndPop"> 
      <img src="img/CLR.jpg" width="116px" height="48px"> 
     </a> 
    </div> 

    <div id="myModal" class="reveal-modal"> 
     <h1>Title</h1> 
     <p>content could go in here.</p> 
     <a class="close-reveal-modal">&#215;</a> 
    </div> 
</div>

클릭하면 해당 이미지가 표시되지 않습니다.모달 팝업창이 나타나지 않음

reavel.js 링크 코드에서 무엇을 놓치고있다 https://dl.dropboxusercontent.com/u/48992367/AppzVenture/extra/jquery.reveal.js

jsfiddle 링크 여기 http://jsfiddle.net/8Leu4/2/

출처

2014-04-11 Nivin

당신이 추가 할 수 있습니다 이것에 대한 jsfiddle? – zerzer

다음은 jsfiddle ... http://jsfiddle.net/8Leu4/2/입니다. – Nivin

입니다 : 모서리 받침 CSS 파일의 링크;

<link rel="stylesheet" type="text/css" href="reveal.css">

는 jQuery를 포함 1.4.4 이상 및 JQuery와 그래서 코드는 다음과 같이해야이 필요한 파일이 here 에서 다운로드 할 수 있습니다 를 공개 포함

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="reveal.css"> 
    <script type="text/javascript" src="jquery.min.js"></script> 
    <script type="text/javascript" src="jquery.reveal.js"></script> 
</head> 
<body> 
    <div class="salt"> 
     <a href="#" data-reveal-id="myModal" data-animation="fadeAndPop"> 
      <img src="img/CLR.jpg" width="116px" height="48px"/> 
     </a> 
    </div> 

    <div id="myModal" class="reveal-modal"> 
     <h1>Modal Title</h1> 
     <p>Any content could go in here.</p> 
     <a class="close-reveal-modal">&#215;</a> 
</div> 
</body> 
</html>

출처

2014-04-11 13:27:35 zerzer

모달 팝업창이 나타나지 않음

답변

관련 문제