웹 키트 브라우저의 Javascript를 통해 가상 요소의 생성 된 콘텐츠를 가져 오는 데 문제가 있습니다.Chrome에서 유사 요소 콘텐츠 받기
관심있는 사람들을위한 컨텍스트 : jQuery 모바일 앱에서 작업 중이며 FontAwesome 아이콘을 사용하려고합니다. jQM이 자체 내장 아이콘 세트에 사용하는 것과 동일한 데이터 아이콘 속성으로 추가 할 수 있기를 바랬습니다. 따라서 클래스 페이지 ui-icon-whatever을 검색하고 해당 글꼴 icon-whatever을 FontAwesome에 추가하는 스크립트가 있습니다. 문제는 FontAwesome이 아이콘에 의사 내용을 사용하는 반면 jQM은 좋은 구식 배경 이미지 스프라이트를 사용한다는 것입니다. 그래서 아이콘 이름에 중복이 생기면 (예를 들어 두 세트 모두 "편집"이라는 아이콘이 있음) 한 아이콘이 다른 아이콘 위에 쌓이게됩니다. 당신이 상상할 수도 있듯이 ... 위대함보다. 그래서 나는 콘텐츠 속성이 설정된 .ui-icon에서 배경 이미지를 제거하려고합니다. 기본적으로 해당 이름의 FontAwesome 아이콘이 있으면 jQM 아이콘을 제거하십시오.
getComputedStyle에 대해 배웠을 때 나는 흥분했지만 window.getComputedStyle(this,':before').content != ''과 몇 가지 변형을 사용해 보았습니다. ':: before'와 'before'를 두 번째 속성으로 사용하고 빈 문자열 대신 null 또는 false와 비교하려고 시도했지만 결과는 동일합니다. 모든 아이콘을 찾거나 아무 것도 찾지 않습니다.
Chrome 콘솔에서 window.getComputedStyle(this,':before').content을 덤프하면 콘텐츠가 있어야하는 경우에도 항상 빈 문자열로 표시됩니다. 파이어 폭스가 맞다.
Chrome 작업인지 웹 키트 작업인지 확실하지 않습니다.
내가 뭘 잘못하고 있니?
편집 : Windows 용 Safari 5 다운로드. 그것은 동일합니다. 내용은 항상 빈 문자열입니다. 내가 사용하고있는 jQuery 셀렉터와 관련이 있다고 생각하기 시작했다. this.
애플 그것을위한 모든지지를 떨어 뜨리고 있었다. 그러나 아직 다운로드 할 곳이있는 것처럼 보이므로 시도해볼 가치가 있습니다! –
감사 후안 멘데스이었다 Windows 용 사파리가있다
– Yumecosmos