2012-02-01 2 views
1

질문을 명확히하기 위해 왜 공백이 문제의 원인이 될까요?인라인 요소 공백 문자의 엉망이 javascript/jquery 인 이유는 무엇입니까?

나는 오늘이 상황을 보았고 누군가가 사물에 대해 밝힐 수 있는지 궁금해하고있었습니다.

JS

button.click(function() { 
    menu.show(); 
}); 

html로

<span id="button"> 
    <img src="btn.png" /> 
</span> 
<ul id="menu"> 
    //contents here 
</ul> 

좋아 지금 여기이 나는 경우

이제 모든 크롬, FF, O, IE9에서하지만 IE8에서 잘 작동하는 일이 이것을한다

<span id="button"><img src="btn.png" /></span> 
<ul id="menu"> 
    //contents here 
</ul> 

나 E8은 고정되어 있습니다 ... 구조로하면 작동합니다.

그래서 나는 그것을 망쳐 놓은 공백이라고 생각합니다. 나는 공백이 왜 그것으로 엉망인지 궁금하다. 또는 내 구조에 근원적 인 문제가있을 수있는 경우에만이 솔루션을 수정하는 것 같다.

의견이 있으십니까?

+0

당신이 메모장 또는 HTML을 쓸 무엇을 사용하십니까? ANSI/UTF-8로 인코딩 된 파일은? 모든 것이 중요합니다. 나는 http://jsfiddle.net/에서 시도해 보길 권합니다. 여전히 바이올린을 게시하지 않으면 문제를 추적하고 해결하는 것이 더 쉬울 것입니다. – Ron

+0

정확히 무엇이 엉망이 되었습니까? – kapa

+0

나는 일식 .. utf-8을 사용한다. 나는 그것이 내가 작동하는 범위 내에서 어떤 공백 문자도 가지지 않는 방식으로 구조화 할 때 그것을 말할 것이다. 양심에 걸린 모든 것이 공백인지 아니면이 문제의 원인이 될 수있는 다른 것이 있는지 궁금합니다. – Brodie

답변

관련 문제