마우스오버하면 펼침효과 관련 문의
본문
아래의 소스는 인기 검색어 스크롤이 되고 마우스오버하면 펼침효과가 됩니다.
이것을 스크롤이 되면서 마우스오버로 펼침이 아니라
클릭으로 펼침 하려면 어떻게 고쳐야 하나요?
예) <a onclick="xxxx">펼침</a>
<div class="popular">
<div class="scroll">
<ul>
<?php for ($i=0; $i<count($list); $i++) { ?>
<li><a href="<?php echo G5_BBS_URL ?>/search.php?sfl=wr_subject&sop=and&stx=<?php echo urlencode($list[$i]['pp_word']) ?>"><?php echo get_text($list[$i]['pp_word']); ?></a></li>
<?php } ?>
</ul>
</div>
</div>
<script>
$(document).ready(function () {
var html = $(".scroll").html();
$(".scroll").parent().append("<div class='popular-hover'></div>");
var $hover = $(".scroll").parent().find(".popular-hover");
$hover.html(html);
$(".scroll").mouseover(function () {
$hover.css("display", "block");
});
$hover.mouseleave(function () {
$hover.css("display", "none");
});
$(".scroll").mw_slider();
});
</script>
답변 2
$(".scroll").mouseover(function () {
-->>> $(".scroll").mouseclick(function () {
$(".scroll").mouseover(function () {
-->>> $(".scroll").mouseclick(function (e) {
e.preventDefault();
이렇게 하시면 a 태그도 정상적으로 적용될겁니다.