2017-07-19 1 views
-3

so hier bekomme ich diese jquery gleitende Seite Menü-Plugin, ich möchte Span glyphicon auf dem JavaScript-Code hinzufügen, aber es dreht sich um String, kann mir jemand helfen?Ich möchte HTML-Tag in Javascript hinzufügen

dies ist der Plugin-Code, es völlig Javascript ist, das ist, warum es so schwer ist es, dies zu bearbeiten

<script type="text/javascript"> 
    // Creating the master menu (SideMenu) 
    sideMenu = new SideMenu([ 
     new SMLabelItem("The First Item Added!") 
    ], { 
     overlay: true 
    }); 


    // Adding items with events ("Share") 
    sideMenu.addItem(new SMSubMenuItem("Share", [ 
     new SMButtonItem("Facebook", function() { 
      window.open('http://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(location)); 
     }, "fb"), 
     new SMButtonItem("Twitter", function() { 
      window.open('https://twitter.com/intent/tweet?text=SideMenu.js&url=' + encodeURIComponent(location)); 
     }, "tw"), 
     new SMButtonItem("Google+", function() { 
      window.open('https://plus.google.com/share?hl=es-419&url=' + encodeURIComponent(location)); 
     }, "gp"), 
     new SMButtonItem("Pinterest", function() { 
      alert("Pinterest Share"); 
     }, "pin") 
    ])); 



    // Adding mix items ("Animals") 
    sideMenu.addItem(new SMSubMenuItem("Animals", [ 
     new SMLinkItem("Bunny", "https://www.google.com.pe/?#q=Bunny"), 
     new SMLinkItem("Tiger", "https://www.google.com.pe/?#q=Tiger"), 
     new SMLinkItem("Dog", "https://www.google.com.pe/?#q=Dog"), 
     new SMLinkItem("Cat", "https://www.google.com.pe/?#q=Cat", "_blank"), 
     new SMSubMenuItem("Birds", [ 
      new SMLinkItem("Eagle", "https://www.google.com.pe/?#q=eagle"), 
      new SMLabelItem("Hawk"), 
      new SMLabelItem("Tucan"), 
      new SMButtonItem("Parrot", function() { 
       alert("Hello World!"); 
      }), 
      new SMLabelItem("Chicken"), 
      new SMLabelItem("Duck") 
     ]), 
     new SMLabelItem("Pig"), 
     new SMLinkItem("Crocodile", "https://www.google.com.pe/?#q=Crocodile") 
    ])); 


    // Adding simple label items 
    sideMenu.addItem(new SMSubMenuItem("Continents", [ 
     new SMLinkItem("Europe","https://www.google.com.pe/?#q=Crocodile"), 
     new SMLabelItem("Asia"), 
     new SMLabelItem("Africa"), 
     new SMSubMenuItem("North America", [ 
      new SMLabelItem("Canada"), 
      new SMLabelItem("Mexico"), 
      new SMLabelItem("United States") 
     ]), 
     new SMLabelItem("Center America"), 
     new SMSubMenuItem("South America", [ 
      new SMLabelItem("Argentina"), 
      new SMLabelItem("Bolivia"), 
      new SMLabelItem("Brasil"), 
      new SMLabelItem("Colombia"), 
      new SMLabelItem("Chile"), 
      new SMLabelItem("Ecuador"), 
      new SMLabelItem("Paraguay"), 
      new SMSubMenuItem("Perú", [ 
       new SMLabelItem("Lima"), 
       new SMLabelItem("Trujillo"), 
       new SMLabelItem("Loreto"), 
       new SMLabelItem("Cuzco"), 
       new SMLabelItem("Puno"), 
       new SMLabelItem("Cajamarca"), 
       new SMLabelItem("etc..") 
      ]), 
      new SMLabelItem("Uruguay") 
     ]), 
     new SMLabelItem("Oceanía"), 
     new SMLabelItem("Antartida") 
    ])); 


    // Adding new item 
    sideMenu.addItem(
     new SMButtonItem("Download File", function() { 
      alert("Go Download File!"); 
     }) 
    ); 



    // Adding new item 
    sideMenu.addItem(
     new SMButtonItem("Close", function() { 
      sideMenu.close(); 
     }) 
    ); 



    // CUSTOM ITEM 
    // This is a custom item example 
    // all created custom items extend from SMItem Class. 

    SMUserAccountItem = (function(name, src) { 
     SMItem.call(this); // Call SMItem constructor 
     // this._el is jQuery item object that works how wrapper 
     $(this.el).addClass('sm-item-useraccount') 
      .append(
       this.photo = $('<img/>') 
       .addClass('sm-useraccount-photo') 
       .attr({ 
        src: src 
       }).get(0) 
      ) 
      .append(
       this.name = $('<div/>') 
       .addClass('sm-useraccount-name') 
       .text(name).get(0) 
      ); 
    }); 



    // Finally add SideMenu object to DOM tree target. 
    $(function() { 
     sideMenu.appendTo(document.getElementById('menu')); 
    }); 
</script> 
<body> 
<div id="menu" class="sm-main"></div> 
</body> 

Antwort

-1

versuchen, Hoffnung diese für Sie arbeiten;

$('<button />', { 

Klasse: 'btn BTN-default' Typ: 'Taste', ID: 'Test1' html: '' });

+0

wait2 ich bin immer noch verwirrt, wo ich das gesagt habe? Entschuldigung, aber ich bin immer noch ein neues in Javascript oder jquery –

+0

in Ihrer Javascript-Datei. – sudhanshum

+1

ja offensichtlich, aber spezifisch, wo? Muss ich ein Smlabel-Objekt machen oder das Objekt in das Objekt einfügen oder es in Variablen umwandeln, wo ist der spezifische Ort, um das zu platzieren? –

Verwandte Themen