질문좀 드리겠습니다.
본문
http://www.jqueryrain.com/?ZxgANbzF
위링크 를 사용할려구하는데요
<div id="whatever"> <div class="item"> <img width="181" height="181" src="images/1.jpg" alt="my image" title="my image" /> <div class="caption" style="display: none;"> <h2>Some Title</h2> <p>This is a caption to end all captions</p> </div> </div> </div>
이렇게 하나면 잘되는데
<div id="whatever"> <div class="item"> <img width="181" height="181" src="images/1.jpg" alt="my image" title="my image" /> <div class="caption" style="display: none;"> <h2>Some Title</h2> <p>This is a caption to end all captions</p> </div> </div> </div><div id="whatever">
<div class="item"> <img width="181" height="181" src="images/1.jpg" alt="my image" title="my image" /> <div class="caption" style="display: none;"> <h2>Some Title</h2> <p>This is a caption to end all captions</p> </div> </div> </div>
이렇게 두개일시에는 스크립트가 작동이 안되던데 혹시 왜그런걸까요 ㅠㅠ
답변 2
아이디 값이
중복인데요..;
<script type="text/javascript"> $(document).ready(function() { $('#whatever').hoverGrid();
$('#whatever2').hoverGrid(); }); </script>
이렇게 해보세요
두번째 div 아이디값도 whatever2 로 바꿔주시구요~
아이디 값으로 중복사용할려면 어찌해야하나요 ㅠ?
아이디는 중복되면 안됩니다~
웹페이지에서 동일페이지내에
CSS id은 중복사용이 안됩니다.
대신에 class 는 반복사용해도 됩니다.