如何火狐呈現鏈接

Question

我只是想和大家分享我的一些觀察在Firefox 3.5在Ubuntu的Jaunty中Jackalope如何呈現HTML：

我在JSP頁面中輸入以下內容：

<a title="myLink" href="[some url]">link 1</a> 
<a title="myLink" href="[some url]">link 2</a> 
<a title="myLink" href="[some url]">link 3</a> 

<a title="myLink" class="hiddenLink" href="[some url]">link 4</a> 
<a title="myLink" class="hiddenLink" href="[some url]">link 5</a> 
<a title="myLink" class="hiddenLink" href="[some url]">link 6</a> 

<button>more links</button> 

的上述鏈接顯示在Firefox作爲：

連桿4到連桿6被隱藏。

鏈接1個鏈接2 LINK3

附上關於 '更多的鏈接按鈕' 使用jQuery一個javascript：

$("a[href ^='myLink']:hidden").show(); 

顯示鏈接4〜6頁。這是火狐如何呈現的鏈接，如果我點擊「更多鏈接」按鈕：

鏈接1個鏈接2 LINK3
鏈接4
鏈接5
鏈接6

Answer 1

大概是因爲jQuery是設置顯示樣式屬性當您撥打show()時，顯示=「block」，而不是display =「inline」。試試這個：

$("a[href ^='myLink']:hidden").css('display', 'inline'); 

或：

$("a[href ^='myLink']:hidden").removeClass(); 

Answer 2

這是因爲.show()把它們轉化成塊：

此功能顯示在頁面上匹配的元素時，他們是隱藏的。它實際上改變了顯示風格爲'塊'。這可能會導致頁面佈局中出現一些問題，因爲它在元素前後插入換行符，但通常使用它是完美的。爲了更靈活的使用，請看一下.addClass()和.removeClass()的功能。

我建議用.removeClass('hiddenLink')替代.show()。

抑或是「hiddenLink」做的不僅僅是隱藏鏈接，做你想讓他們從您的其他鏈接看起來不同，當他們變得可見？