2016-12-08 10 views
-2

Guter MorgenAnwenden Elemente, um zufällige Positionen innerhalb Div

Ich versuche, einige Schriften Ehrfürchtig Sterne zufällig über einen Abschnitt zu positionieren, und die Menge des Sternes hängt von der Menge der Elemente in der Anordnung.

Ich habe den folgenden Code geschrieben, aber es funktioniert nicht. Ich habe getestet, dass sowohl jQuery als auch Font Awesome korrekt geladen sind.

Kann jemand freundlich beraten?

+0

Was 'nicht ist working' meint? Haben Sie Fehler in der Konsole? – Ionut

+0

Id eindeutig in HTML sein. Sie haben die gleichen IDs für die Schleife hinzugefügt –

+0

Erstellen Sie einen neuen Stern (neues 'i' Element) in der Schleife und dann anhängen –

Antwort

1

Zuerst müssen Sie einen Weg finden, beide Elemente zu starten und Abschnitt als html dom Elemente und nicht Zeichenfolge. dann können nur Sie append-Methode verwenden.

hier habe ich eine gefälschte div verwendet, so dass ich Element als DOM erhalten können, können Sie auch $ (Stern als String html) verwenden

var div = document.createElement('div'); 
        div.innerHTML = star; 
        var element = div.childNodes[0]; 
     console.log(element) 
     $(element).appendTo(section).css({ // Append 
     'position':'absolute', 
     'left':posx+'px', 
     'top':posy+'px', 
    }); 

Sehen Sie diese http://jsfiddle.net/JfGVE/1721/

+0

Danke das ist perfekt - ich war am Ende nicht weit weg. –

+0

Ja, es wurden nur HTML dom Elemente anstelle von HTML String benötigt –

Verwandte Themen