구름이님 자동완성기능에서 URL 카드 기능을 좀 더 보기좋게 조정하고 있는데..
현재 썸네일이나 글 제목에 링크가 걸려있는걸 div 영역 전체로 확장하려고 합니다.
확인해보니 html이 아니라 js에서 제어하는 내용이 나와서 제 생각엔 적정하게 수정한것 같은데
반영이 전혀 안되요. js 화일을 아예 지워도 작동이 됩니다. 브라우저 캐쉬와 xe 캐쉬 모두 삭제해봐도 마찬가지 입니다.
왜 그럴까요?
| PHP | PHP 7.3 |
|---|---|
| CMS | XpressEngine |
-
-
네.. 개발자 도구로 보이기엔 그렇지만 실제로는 html에 들어있는 내용이 아니라 js로 +ctObjData['~~'] 이런 식으로 제어되는 것으로 보여요. -
?
(아마도) 수정하신 js 파일은 해당 URL 카드 기능이 편집 모드에서 콘텐츠를 삽입할 때 동작할 것으로 보이네요(해당 기능의 구매자는 아니라서 데모만 봤습니다).
고로, 이미 입력된 콘텐츠에는 영향을 주지 않으며 새로 입력된 것부터 적용이 될 것이므로 편집 상태에서 입력해보며 확인해보셔야 할 듯 합니다.
이미 입력된 것은 포기하거나 보여질 때 별도의 동작(a 태그로 감싼다거나..)을 처리해야 할 것 같네요. -
?
아~~ 그렇네요! 감사합니다!
-
?
하나만 더 여쭤봐도 될까요 ㅠ.ㅠ 위의 링크에서 브라우저 폭을 줄이면 가로로 길쭉했던 카드가 상하로 길쭉한 카드로 변하는데 이렇게 변하면 갑자기 썸네일 사진을 클릭해도 이동을 하지 않습니다. 개발자 모드로 아무리 봐도 a태그 관련 변하는게 없는데 태그할 수 없게 변해버리네요..
-
지금 바꾸신 것 때문인지 기존 css에서 클릭이 안되게 영향을 받는 것 같습니다.
.lmo .b, .lse .b {
margin-left: 200px;
min-height: 100px;
/* position: relative; */
}
/modules/automention/m.skins/default/css/am_embed.css?20210407203959
579라인
위 position: relative; 를 없애니 클릭 되네요. -
감사합니다-! js 화일은 원인도 알았고 맞게 수정한 것 같은데 제 실력으론 영 안되서.. 사진이라도 클릭이 되었으면 했는데 덕분에 살았습니다. position:relative가 a태그에 영향을 줄 수 있을 거라곤 생각도 못했습니다!
어느 js를 수정하셨는지 모르겠지만, 현재 해당 프로필 부분은 js와는 아무 관련이 없어 보입니다. 개발자도구로 살펴봐도 js에서 걸어놓았을 법한 이벤트가 전혀 보이지 않습니다.
지금은 사진과 이름에 각각 <a> 태그가 걸어서 링크를 구현해 놓았는데, 프로필 영역 전체를 감싸는 <div class="emcard"> 부분을 송두리채 <a> 태그로 교체하면 어디를 클릭해도 링크가 작동하도록 할 수 있을 것 같습니다. 만약 이렇게 바꿨을 때 디자인이 깨져보인다면 css에서 해결을 하셔야 할 테고요. 어쨌든 js와는 아무 관련이 없어 보입니다.