jQuery Append funktioniert nicht (konsistent) auf IE?

Question

ich eine abgespeckte Beispiel aufgebaut haben, was auf IE nicht funktioniert: http://so.demuyt.net/case1/

(. IE8 jQuery 1.7.1)

in IE ein Datum Klicken auf nichts tut, wird ein zweites Datum klicken setzen eine "grüne Pille" neben dem ersten und zweiten ausgewählten Datum. Wenn Sie dies in Chrome tun, wird 1 Tablette mit dem ersten Klick und 1 Tablette mit dem zweiten Klick abgegeben.

ich eine 'Pille' wie folgt hinzu:

$("#canvas").append('<span class="label label-success Workcounter ' + date + ' ' + calendarName + '">1</span>'); 

ich die 'Pille' Position wie folgt aus:

$(".Workcounter." + date + '.' + calendarName).position({ of : $(".Work-date-highlight."+calendarName+"."+date) , at : "left top" , offset : "3 3" }); 

Es gibt keine Fehler in js Konsole, was ich bemerkt habe ist, dass Im Debug-Modus sehe ich, dass die Pille in Chrome hinzugefügt wird, während ich sie im IE nicht sehen kann (selbst wenn ich auf das zweite Datum klicke).

Jede Hilfe oder Zeiger würde sehr geschätzt werden, um IE wie Chrome & FireFox zu verhalten.

Answer 1

Die Zeile, die Sie verwenden, um das Element zu positionieren, scheint mir das Problem zu verursachen, versuchen Sie ersetzen:

$(".Workcounter." + date + '.' + calendarName).position({ of : $(".Work-date-highlight."+calendarName+"."+date) , at : "left top" , offset : "3 3" }); 

mit:

var datePos = $(".Work-date-highlight."+calendarName+"."+date).position(); 

$(".Workcounter." + date + '.' + calendarName).css({ 
    left: datePos.left - 3, 
    top: datePos.top - 3, 
    position: 'absolute' 
});