Hi,
In einem jqueryUi Tab wollte ich dem Benutzer ermöglichen, bei click auf ein Bildchen das Formular zu clonen und in einem input mit dem datepicker zu arbeiten.
Klonen klappt einwandfrei. Leider funktioniert der datepicker nur bei dem ersten geclonten Element. Die nicht funktionsfähigen inputs habe ich mir mit firebug angesehen, sie besitzen alle als Eigenschaft die Klasse "hasDatepicker". Arbeite mit einem Klassenselektor, an einer doppelten ID kann es somit nicht liegen. Exception wird keine geworfen und auch ein vorheriges destroy und neu binden bringt nichts. Jemand eine Idee, woran es liegen könnte??
In der form.elem.clone Methode habe ich das elem.clone mit und ohne boolschen Parameter aufgerufen, keine Änderung.
Hier mein letzter Versuch:
Code:
var form = {};
form.elem ={
clone : function () {
var elem = $('.tour_prototype');
elem
.clone(true)
.removeClass('tour_prototype')
.css ('display', 'block')
.insertBefore("#tour_submitbutton");
},
setDatePicker : function () {
$('.tour_pickdate')
.datepicker('destroy')
.datepicker(
{ dateFormat: 'dd.mm.yy' }
)
;
}
}
form.constructor = function () {
$('.tour_duplicate')
.hover(function() {
$(this)
.addClass("hover")
}, function () {
$(this).removeClass("hover");
})
.click(function () {
form.elem.clone();
form.elem.setDatePicker();
});
form.elem.clone();
form.elem.setDatePicker();
}
danke und grüße
Basti