語義UI ::下載的字體 - 壞linegap

我在Firefox中獲得，而下方加載HTML網頁控制檯下面的錯誤（見代碼片段）。而在另一方面，Chrome的控制檯也不說......> _>

downloadable font: OS/2: bad linegap: -32 (font-family: "Dropdown" style:normal weight:normal stretch:normal src index:0) 
source: data:application/x-font-ttf;charset=utf-8;base64,<<...>> 
semantic.css:30715:12

但是而且dropdown不工作（〜不顯示items）在所有的瀏覽器都。

你知道爲什麼以及如何解決它嗎？

THKS

Semantic-UI JS/CSS - 2.2.10
jQuery的V3.2.1

<!DOCTYPE html> 
 
<html lang="en"> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title></title> 
 
     <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.css'> 
 
    </head> 
 
    
 
    <body> 
 
     <div class="ui selection dropdown"> 
 
      <input name="gender" type="hidden"> 
 
      <i class="dropdown icon"></i> 
 
      <div class="default text">Gender</div> 
 
      <div class="menu"> 
 
       <div class="item" data-value="1">Male</div> 
 
       <div class="item" data-value="0">Female</div> 
 
      </div> 
 
     </div> 
 
     
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> 
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.js"></script> 
 
    </body> 
 
</html>

我的問題是有可能的那個一樣的：https://github.com/Semantic-Org/Semantic-UI/issues/2146

來源

2017-04-11 gudepier

即使您的HTML是Dropdown模塊的有效標記，您仍需要使用JavaScript對其進行初始化。

$('.ui.dropdown').dropdown();

<!DOCTYPE html> 
 
<html lang="en"> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title></title> 
 
     <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.css'> 
 
    </head> 
 
    
 
    <body> 
 
     <div class="ui selection dropdown"> 
 
      <input name="gender" type="hidden"> 
 
      <i class="dropdown icon"></i> 
 
      <div class="default text">Gender</div> 
 
      <div class="menu"> 
 
       <div class="item" data-value="1">Male</div> 
 
       <div class="item" data-value="0">Female</div> 
 
      </div> 
 
     </div> 
 
     
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> 
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.js"></script> 
 
    </body> 
 
</html>

'壞Linegap' 的錯誤並沒有阻止下拉爲我工作。

來源

2017-04-11 16:14:40

我完全忘了初始化，它工作得更好然後;-) -thks 不幸的是控制檯錯誤仍然存在，你是否得到相同的錯誤信息？ – gudepier

我做了很多次，但我已經習慣了忽略它，因爲它沒有明顯的效果。 –

語義UI ::下載的字體 - 壞linegap

回答

相關問題