Hinzufügen einer Bilddatei zu bestehenden Javascript

Ich verwende eine Vorlage mit vorhandenen Javascript. Das mobile Menü "Icon" ist eigentlich ein Dropdown, in dem sich das Wort "MENU" befindet. Das ist meiner Meinung nach ein alter Stil und ich würde das gerne in die Standard 3 Bars für ein mobiles Menü ändern.Hinzufügen einer Bilddatei zu bestehenden Javascript

Der Abschnitt des Javascript, die dies bringt ist:

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

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

Ist es möglich, hinzufügen .src („img/mobilemenubars.png“) oder etwas in diesem Sinne die .text zu ersetzen (‘ MENÜ ') Abschnitt? Ich kann das gesamte Javascript zur Verfügung stellen, aber ich bin nicht sicher, dass das notwendig ist. Oder ist es?

Quelle

2016-08-25 user3123718

Option Elemente unterstützen keine Bilder in einem ausgewählten so die Antwort nein ist. In manchen Browsern können Sie ein Hintergrundbild festlegen, aber ich glaube, das ist sehr eingeschränkt. – epascarello

Ihre beste Wette für jede Art von Bild/Icon/etc. in ein

Wenn Sie wirklich ein Bild im Optionsmenü benötigen, sollten Sie einige JS-Plugins ausprobieren. – kxxoling

Sie können dies mit Unicode-Zeichen und der Font Awesome-Schriftfamilie tun. Here is a DEMO

Hier ist die Font Awesome cheat sheet für Unicode-Symbole

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>

Quelle

2016-08-25 15:38:01 mhodges

Hinzufügen einer Bilddatei zu bestehenden Javascript

Antwort

Verwandte Themen