2012-02-01 74 views
1

澄清問題是爲什麼空白會導致問題與JavaScript功能?爲什麼內聯元素空白與JavaScript/jQuery的混亂?

我今天遇到了這種情況,想知道是否有人可以闡明一些事情。

JS的

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

的HTML

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

現在沒事了這裏的這個工作正常在所有Chrome,FF,O,IE9但不是在IE8

現在如果我的東西做到這一點

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

我E8是固定的...它也可以,如果我把它的結構設計爲

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

所以我猜測它是弄亂它的空白。我只是很好奇爲什麼空白混亂,或者如果我的結構中可能存在這些解決方案似乎解決的潛在問題。

有什麼想法?

+0

你用記事本或其他任何寫HTML?是你的編碼爲ANSI/UTF-8文件?這一切都很重要。我建議你在http://jsfiddle.net/上試試它,如果它仍然無法工作,它將更容易跟蹤和解決問題。 – Ron 2012-02-01 20:28:00

+0

那究竟是什麼搞砸了? – kapa 2012-02-01 20:29:25

+0

我使用eclipse .. utf-8 ..我只是說,當我構造它的方式,我沒有任何類型的空白範圍內的作品,當我不這樣做。我很好奇,如果所有我應該是良知的是空白或者如果有其他的事情可能造成這種情況。 – Brodie 2012-02-01 20:29:49

回答