나는 칼럼을 클릭하면 데이터 세부 정보가 잘 나타나는 표가 있습니다.링크 안에 링크가 보이십니까?
하지만
<a class="showdata" data-detail="<a id="fav" href="test.cfm?fav" >#dept_loc#</a> "> john one</a>
에
<a class="showdata" data-detail="testing "> john one</a>
을 변경할 때 나는 나에게 다른 결과를 제공하는 링크 으로 그것을하고 싶습니다 그것은 결과가 잘못 보여줍니다.
링크 안에 링크를 넣을 수 있습니까?
여기에 http://jsfiddle.net/62upu25b/2/을 넣습니다.
번호는 spec 참조 :
:
- Interactive content.
- [...]
그래서 a 요소 interactive content하지만 interactive content 자손을 가질 수 없습니다.
따라서 링크 안에는 링크를 배치 할 수 없습니다.
링크 안에 링크가있을 수 있는지 여부는 관련이 없습니다. 문제는 두 번째 링크의 마크 업에 속성에 큰 따옴표가 포함되어 있다는 것입니다. (따옴표는 속성 값을 시작하고 끝내기 위해 사용한 따옴표를 방해합니다).
당신은 작은 따옴표를 사용할 수 있습니다 대신 :
<a class="showdata" data-detail='<a id="fav" href="test.cfm?fav" >#dept_loc#</a> '> john one</a>
이 당신을 위해 작동하지 않는 이유는 무엇입니까? 코드와
<a class="showdata" data-detail="<a id='fav' href='test.cfm?fav'>#dept_loc#</a>">
john one</a>
문제는 당신이 작동하지 따옴표 내에서 따옴표를 배치했다이었다 :
http://jsfiddle.net/62upu25b/5/ 나는 다음과 같은 추가. 큰 따옴표로 묶은 작은 따옴표를 대신 사용하십시오.
또한 이스케이프 처리 된 것으로 보이는 이스케이프 처리되지 않은 HTML을 특성에 넣을 수 없습니다. –
이것은 모두 사실이지만이 질문과는 관련이 없습니다. 이 질문은 중첩 된 'a'요소를 사용하지 않으며 사용하지 않습니다. 대신에,'a' 엘레멘트의 속성은 새로운'a' 엘레멘트 (원래'a' 엘레멘트 밖)를 만드는데 사용될 문자열입니다. 속성 값 내에서'<'문자는 태그를 시작하지 않습니다. –
@ JukkaK.Korpela 저는 질문의 제목에 대답했다고 생각하지만 질문의 본문은 다른 것을 묻습니다. – Oriol