[jQuery][JS] Korzystanie z elementu po .append() Opcje

[Paplo]

Witam

odrazu przepraszam za niezrozumiały temat ale nie wiedziałem jak to inaczej krótko napisać, już wyjaśniam:

mam coś takiego:

[PHP] pobierz, plaintext 
<script>
          $(document).ready(function(){
 
		// set images for edit and delete 
		$(".eimage").attr("src",editImage);
		$(".dimage").attr("src",deleteImage);
 
		$("#deliverTab_paginate, #deliverTab_length, .DTTT_button").on("click",function(){
			$(".eimage").attr("src",editImage);
			$(".dimage").attr("src",deleteImage);
			$("."+table).append(blankrow);
		});
 
		// init table
		blankrow = '<tr id="topYes" valign="top" class="inputform"><td></td>';
		for(i=0;i<columns.length;i++){
			// Create input element as per the definition
			input = createInputInput(i,'');
			blankrow += '<td class="ajaxReq">'+input+'</td>';
		}
		blankrow += '<td id="actionSave" class="right"><a href="java script:;" class="'+savebutton+'"><img src="'+saveImage+'"></a></td></tr>';
 
		// append blank row at the end of table
		$("."+table).append(blankrow);
 
		// Delete record
		$(document).on("c...
[PHP] pobierz, plaintext 

i potem dalej gdieś w kodzie mam:

[PHP] pobierz, plaintext 
<script>
	$(document).ready(function(){
 
		$("#"+where_are_u).addClass('active');
 
		$( "#inputDeliverDate" ).datepicker( {dateFormat: 'yy-mm-dd'} ); 
 
		$("#TabBodyDeliver tr td[id='delivery_name'], #TabBodyDeliver tr td[id='delivery_sup'], #TabBodyDeliver tr td[id='delivery_date'], #TabBodyDeliver tr td[id='delivery_exchange']").on("click",function(){
			id = $(this).closest("tr").attr("id");
			console.log(id);
 
			window.location.href = "deliverDe.php?id="+id;
		});
...
[PHP] pobierz, plaintext 

jak załaduję stronę po raz pierwszy to wykona sie "// append blank row at the end of table ..." to, i wtedy normalnie wszystko działa tak jak trzeba czyli i tam tworzy sie pole np "inputDeliverDate" i działa, kalendarz sie pojawia bez problemu, gdy wykona jakas operacje np dodawania to te "inputy" "znikaja" czyli potem sobie musze kliknac (np .DTTT_button ) znow coś zeby sie pojawily czyli zeby sie wykonalo "$("."+table).append(blankrow);" i inputy sie pojawiaja znów. i do tego miejsca jest wszystko tak jak chciałem i wszystko działa pieknie... tylko potem jak klikam w tego ponownie utworzonego "inputa" ( np #inputDeliverDate) to kalendarz sie już nie pojawia i zadna akcja nie chce działac na tym ponownie utworzonym .append(blankrow)

sprawdzone:
1. nie ma dwóch pól o takich samych nazwach - tamten pierwszy znika potem jak chce znów "inputy" naciskam sobie coś(.DTTT_button) i się pojawia.
2. umieszczenie wszystkiego w "<script>$(document).ready(fun..." nic nie daje.

Proszę o jakaś wskazówkę

Ten post edytował Paplo 14.04.2016, 12:30:23

[Arcioch]

Poczytaj o czymś takim jak jQuery.On i jak używać tego na całym document

[HTML] pobierz, plaintext 
    $(document).on('event', 'selector', function (e) {
 
    });
[HTML] pobierz, plaintext 

Twój kod wykonuje się na drzewie DOM, które już istnieje a nie wykonuje się na nowo dodanym elemencie
Dodatkowo ponowna inicjacja kalendarza i powinno grać.

Ten post edytował Arcioch 14.04.2016, 13:22:21

[Comandeer]

Ale po co ma przypinać do całego document? Powinien przypiąć do najbliższego rodzica, który się nie zmienia. Nie ma sensu trzymać wszystkiego w DOM-owym global scope.

Ten post edytował Comandeer 14.04.2016, 15:07:08

[Paplo]

Dziękuje

[HTML] pobierz, plaintext 
 $("#TabBodyDeliver").on("dblclick","#inputDeliverExchange",function(){
			$('#myModalee').modal('show');
		});
 
		$("#TabBodyDeliver").on("click","#delivery_name, #delivery_date",function(){
			id = $(this).closest("tr").attr("id");
			console.log(id);
 
			window.location.href = "deliverAdd.php?id="+id;
		});
[HTML] pobierz, plaintext 

Działa, jeszcze tylko ten kalendarz

edit: też już działa

[HTML] pobierz, plaintext 
$('#TabBodyDeliver').on('focus',"#inputDeliverDate", function(){
    $(this).datepicker( {dateFormat: 'yy-mm-dd'} );
});
[HTML] pobierz, plaintext 

Jeszcze raz dziękuje za wskazówkę

Ten post edytował Paplo 15.04.2016, 07:54:10