Eigene jQuery Funktion | DIV befüllen

baeri

Erfahrenes Mitglied
Hallo Leute,

eigentlich ist das Grundschule... aber ich steh irgendwie voll auf dem Schlauch.
Was mach ich falsch?

hier mein Code:
http://jsfiddle.net/baer777/xc4xj2w8/1/

das ganze soll mal mit Canvas befüllt werden, aber weder .text() noch .html() geht... mit .append() und .prepend() funktioniert es komischerweise.

kann mir jemand einen Tipp geben?

Code:
$.fn.sHome = function(par) {
    $( "#dbug" ).prepend( this.attr( 'id' ) );
    this.html( "hallo" );
};

$( document ).ready( function() {
    $( "#door1" ).sHome();
    $( "#door2" ).sHome();
})

das erste DIV wird richtig befüllt... das 2. beginnt er nicht mal.


Vielen Dank für jeden Tipp

=> okay hab meinen Fehler gefunden!
Die DIVs wurden nicht geschlossen ^^
 
Dein Html-Code ist Fehlerhaft dadurch kommt dieses Eigenartige Verhalten.

HTML:
<div id="dbug"></div>

<div id="door1" data-target="wohnung" data-type="slide">x<div>
<div id="door2" data-target="haus" data-type="slide">y<div>

Durch diesen Fehler existiert #door2 nicht und die Funktion konnte das Element nicht finden.
Sobald das Div richtig geschlossen wird, wird auch die Funktion ordentlich durchgeführt.

HTML:
<div id="dbug"></div>

<div id="door1" data-target="wohnung" data-type="slide">x</div>
<div id="door2" data-target="haus" data-type="slide">y</div>
 
Zurück