セマンティック-UI ::ダウンロードフォント - 下記のHTMLページをロード中に悪いlinegap

*、セマンティック-UI ::ダウンロードフォント - 下記のHTMLページをロード中に悪いlinegap

私はFirefoxで取得するには、次のエラーコンソール（スニペットコードを参照してください）。そして一方で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で初期化する必要があります。

続きを読む：Dropdown - Initializing Existing HTML

$('.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 ::ダウンロードフォント - 下記のHTMLページをロード中に悪いlinegap

答えて

関連する問題