2017-04-14 60 views
0

當我想用JQM製作一個導航欄時,系統會在網格中添加不必要的&nbsp,這會使導航欄看起來很奇怪。JQuery Mobile Navbar正在竊聽

我正在使用JQM 1.4.5和Jquery 1.11.2。

代碼:

<div id="home" data-role="page"> 
    <h1>Content</h1> 
    <div data-role="footer"> 
    <div data-role="navbar"> 
     <ul> 
     <li><a href="#" class="ui-btn-active">One</a></li> 
     <li><a href="#">Two</a></li> 
     </ul> 
    </div><!-- /navbar --> 
    </div> 
</div> 

瀏覽器:

enter image description here

回答

0

對於誰看到了這一點,並有同樣的問題的人:如果你複製代碼從jQuery Mobile的演示窗口小部件,您將在瀏覽器中看到的標籤之間有空格。刪除它們,它應該看起來正常了。

+0

嘗試雙擊這個黑色窗口... ;-) – deblocker

0

讓第二個標籤掉落,可能是由您的CSS造成的。嘗試使用display:inline-block或者甚至浮動來讓這些項目正確對齊。

+0

這是因爲我的編輯器不顯示空格。當您雙擊演示源代碼並複製粘貼時,就會發生這種情況。花了我幾個小時才找到它。這就像在代碼中找到缺少的分號一樣。非常令人沮喪。 –