모바일 제품리스트 해결이 안되서 다시문의드립니다.
관련링크
본문
모바일 사이트 장바구니기능을 리스트페이지에 붙였습니다. 그림과같이 버튼이 첨엔 잘보이다 moreitem버튼을 누르면
스타일이 들어가지 않습니다.
아래처럼 버튼에 스타일이 들어가있는데요
element.style {
width: 27.5px;
visibility: visible;
}
모어 아이템으로 누르면 스타일이 안들어가서 echo "<img class=\"image-retina\" src=\"" . G5_URL . "/img/custom_shop/cart_icon.png\"/>" ;
여기에 직접 스타일을 주니 다른 버튼들이 element.style 과 중쳡되어 나옵니다.
모어아이템 눌렀을때도 element.style {width: 27.5px; visibility: visible; }스타일이 들어가게 하려면 어떻게 해야할까요
조언부탁드립니다.
답변 1
스타일이 안먹히고 있는게 아니라
echo "<img class=\"image-retina\" src=\"" . G5_URL . "/img/custom_shop/cart_icon.png\" style="width~~"/>" ; 이렇게 직접 인라인으로 집어넣어주세요.더보기 위에 있는부분은 저런식으로 인라인으로 다 들어가있는데 더보기 하면 그부분이 빠져서 나오네요
아작스로 불러오는 페이지 부분(html)요소에서 빠져있어 그런것 같습니다.
근데 수량 조정 안되고 카트담기 안되네요.
자바스크립트는 처음 한번만 html요소(더보기부분은 그당시 허무한 빈공간) 를 쭈욱 훓고 지나가거든요. 동적으로 나중에 추가한 html요소는 "나몰라"라 합니다.
따라서 관련 스크립트 구문을(아마도 click일것임) 찾아서 .on 함수나 .delegate함수로 고쳐 사용하든지 인라인으로 스크립트를 붙여버리든지 아니면 더보기(아작스) 할때 해당함수를 끼워 넣어서 다시 읽게 하든지 해야되요.
on 같은 해당함수 사용법은 제이쿼리 홈페이지에 있습니다.