조회 수 58 댓글 2

일반 리스트형 게시판의 본문에서는 제대로 된 위치에 뜨는데

본문형태로만 이루어진 (블로그,방명록 등의 형태) 게시판에서는

위치가 좀 다르게 뜹니다

 

테스트 페이지

 

--- 주소 삭제  ---

 

list.html  -  현재 공지부분은 적용 안되었으니 무시해주세요

 

<!--@if($grant->list)-->
<!--// notice-->
<!--@if($notice_list)-->
<!--@foreach($notice_list as $no => $oDocument)-->
<!--#include("./_notice.html")-->
<!--@end-->
<!--@end-->


<!--// document lists -->
<!--@foreach($document_list as $no => $oDocument)-->
 <!--#include("./list_memo.html")-->
<!--@end-->
<!--@end-->

 

list_memo(view_document).html 파일

 

<div class="nono">

 

<div class="read4">
<a class="read4" style="cursor:pointer">
{$oDocument->getContent(false)}
</a>
</div>


<div class="menu5">

<ul>
<li cond="$oDocument->isEditable()"><a href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}"><i class="xi-eraser" id="xe-icon"></i> EDIT</a></li>
<li cond="$oDocument->isEditable()"><a href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}"><i class="xi-trash" id="xe-icon"></i> DEL</a></li>
</ul>
</div>

 

</div>

 

 

팝업레이어 js소스

 

$(document).ready(function () {

  $('.menu5').hide();
  $('a.read4').on('click', function (e) {
    e.preventDefault();

    var elem = $(this).parents().nextAll('.menu5')

    elem.css({
      "left": (e.pageX - $('.nono').offset().left + 0) + "px",
      "top": (e.pageY - $('.nono').offset().top + 0) + "px"
    });
    elem.fadeIn(500);


  });
});

 

 

클래스 nono를 기준으로 잡아 좌표를 잡아 띄우고있습니다

 

test.png

 

리스트형 본문에서 (정상으로 뜹니다)

test2.png

 

test3.png

 

 

  comment.html 부분도 정상으로 뜹니다

 

아래는 리스트 들어가면 바로 본문형으로 뜨는 형식인데

(아래 스샷은 현재는 테스트 때문에 fadeout을 안줘서 클릭하면 안사라집니다 위에는 mouseleave 시 사라짐)

test4.png

간격을 대충 봤는데, 맨 윗글 그니까 가장 최근글에는 제대로 붙어서 나오나,

그 이후의 글 두번째글부터 간격이 멀찍하게 뜹니다 

 

아무래도

 

테스트글1

테스트글2

테스트글3

 

이렇게있다고하면

 

테스트글2부터는

 

테스트글1+테스트글2 합친 높이만큼 띄어서 뜨는거같아요

테스트글3는 테스트글1+테스트글2 합친 높이만큼 뜨는거같구요

배수로 높이가 넓어진다고 해야할까요.. 직접 보시면 더 쉽게 아실거같아요

 

--- 주소 삭제  ---

 

 

일부로 모든div에 style 아무것도 안주고 테스트해본건데도 저렇게 뜨더라구요 (메뉴부분  style은 줬구요)

 

 

 

  • profile
    팦팦 2016.09.26 22:13:15
    nono 라는 클래스를 가진 div 가 여러개라서 그런듯 하네요

    var target = $(this).parent().offset();

    elems.css ({
    "left": (e.pageX - target.left + 0) + "px",
    "top": (e.pageY - target.top + 0) + "px"
    });

    뭐 이런 식이면 될지도
  • ?
    aromati 2016.09.26 22:21:31
    덕분에 해결되었습니다!! 감사합니다 ( _ _)

서버에 요청 중입니다. 잠시만 기다려 주십시오...