イメージファイルを既存のjavascriptに追加する

私は既存のJavaScriptを使用したテンプレートを使用しています。モバイルメニューの「アイコン」は、実際には「メニュー」という単語を含むドロップダウンです。これは私の意見では古いスタイルなので、モバイルメニューの標準3バーに変更したいと思います。イメージファイルを既存のjavascriptに追加する

これを立ち上げるのjavascriptのセクションでは、次のとおりです。

if ($nav.is('ul,ol')) { 

    if (settings.header) { 
     $select.append(
     $('<option/>').text('MENU') 
    ); 
    }

は.textセクションを置き換えるために、この効果に.SRC（「IMG/mobilemenubars.png」）、または何かを追加することが可能です（」 MENU '）セクション？私はJavaScript全体を提供することができますが、私はそれが必要であるかどうかはわかりません。またはそれは？

出典

2016-08-25 user3123718

オプション要素は、選択中の画像をサポートしていませんです。一部のブラウザでは背景画像を設定できるかもしれませんが、**非常に**限られていると思います。 – epascarello

イメージ/アイコン/などの任意の並べ替えのためのあなたの最高の賭け。

オプションメニューで本当にイメージが必要な場合は、いくつかのJSプラグインを試してください。 – kxxoling

ユニコード文字とFont Awesome font-familyを使用して行うことができます。ここでHere is a DEMO

は答えは何であるので、UnicodeのアイコンのFont Awesome cheat sheet

select { 
 
    font-family: FontAwesome; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 
 
    <title>JS Bin</title> 
 
</head> 
 

 
<body> 
 
    <select> 
 
    <option>&#xf0c9; Menu</option> 
 
    <option>&#xf040; Pencil</option> 
 
    <option>&#xf072; Vacation</option> 
 
    </select> 
 
</body> 
 

 
</html>

出典

2016-08-25 15:38:01 mhodges

イメージファイルを既存のjavascriptに追加する

答えて

関連する問題