스타일이 표시되지 않습니다.

확장 가능한 그리드 포트폴리오를 구축하고 있지만 .showcase <a> 태그 및 <p> 태그의 스타일이 표시되지 않습니다. 왜 그런지 모르겠습니다. 나는 그것이 <a>과 <p> 선택자를 잡는 것이 아니라 내부의 내용 인 .html()과 관련이 있다고 생각합니다. 이 경우 <img> 태그에는 발생하지 않지만 나는 조금 당황 스럽다. 여기 내 jsfiddle입니다 http://jsfiddle.net/theMugician/L2xyatfd/38/스타일이 표시되지 않습니다.

안녕하세요 여러분, 제 문제가 무엇인지 알아 냈습니다. 나는 지금 많은 감각을 만드는 html()를 두 번 호출하고 있었다. 변수 $aTag과 $html에서 html()으로 전화 할 필요가 없었습니다. .showcase div에서 다시 호출 할 것이기 때문입니다. 여기

var $aTag = $a.eq($item.data('rel')); 
var $html = $p.eq($item.data('rel')); 

<!---.showcase div---> 
$link.html($aTag).show(0); 
$details.html($picture).show(0);

새로운 바이올린 http://jsfiddle.net/theMugician/L2xyatfd/47/

출처

2014-12-11 Grzes Slania

그래서 지금 JS 바이올린, 거기 뿐만이 아니라 HTML 콘텐츠를 래핑합니다 : 귀하의 (최소한) 관련 "[MCVE] (http://stackoverflow.com/help/mcve/)"코드를 귀하의 질문에 추가하십시오. –

바이올린은 상황을 잘 재현합니다. 그러나, 그것은 또한 시범으로 귀하의 질문의 본문에 바이올린 코드를 배치하는 것이 좋습니다. 일반적으로 링크를 따르지 않고 독자적으로 설 수있는 게시물을 작성하는 것이 좋습니다. 짧게 짧게, 질문 본문에 귀하의 바이올린 코드를 포함하십시오. –

나는 그것을 얻지 못한다. 당신이 그것을 보여줄 때'# portfolio-details'의 바깥으로 요소를 옮기고 있고'# portfolio-details p '에 설정된 스타일이 적용되지 않는다는 것을 깨달았습니까? – adeneo

단순히 시도 :

var $aTag = $a.eq($item.data('rel')); 
var $html = $p.eq($item.data('rel')); 

$link.append($aTag).show(0); 
$images.append($picture).show(0);

그것은 요소,

출처

2014-12-11 22:58:55 Freez

스타일이 표시되지 않습니다.

답변

관련 문제