javascript — назначение клика для динамически создаваемых данных из базы данных.

Question

javascript — назначение клика для динамически создаваемых данных из базы данных.

Я создал JavaScript, в котором данные выбираются для отброшенного элемента и создаются. Данные извлекаются из базы данных с использованием кодировки JSON. Я назначил id для элементов, но событие click для каждого элемента не работает. только последние элементы id получается и кликается выполняется на этом id,

JS:

$(document).ready(function () {
var i,j=0;
var x1,x2,y1,y2;
var sf=pf;
sf=Math.round(sf);
var tmp;
var y=null;
var idiv=[];
var fty=ft;
var fd=fid;
var fetch=data;
var x = null;
var count=fetch['count'];
var i=count+1;
//document.write(count);
var rai=[];
//rai[0]='hello';
//document.write(rai[0]);
var ww=[];
var hh=[];
var xx=[];
var yy=[];
var room=[];
var roomt=[];
for(j=0;j<=count;j++)
{

rai[j]=fetch['room_id'+j];
//document.write(rai[j]);
ww[j]=fetch['width'+j];
//document.write(ww[j]);
hh[j]=fetch['height'+j];
xx[j]=fetch['x'+j];
yy[j]=fetch['y'+j];
room[j]=fetch['room'+j];
roomt[j]=fetch['roomt'+j];
//document.write(room[j]);
// alert("data"+rai+"  "+ww+" "+hh+" "+xx+" "+yy);
idiv[j]=document.createElement('img')
$('#droppable').append(idiv[j]);
idiv[j].style.position="absolute";
idiv[j].style.left=(xx[j]*sf)+'px';
idiv[j].style.top=(yy[j]*sf)+'px';
idiv[j].style.width=(ww[j]*sf)+'px';
idiv[j].style.height=(hh[j]*sf)+'px';
idiv[j].style.border=1+'px';
idiv[j].id=room[j];
//y=idiv[j].attr('idd',rai[j]);
if(roomt[j]=='garden')
{
idiv[j].src="images/download.jpg";
}
else
{
idiv[j].src="images/ac.png"}
$(idiv[j]).draggable();
//alert(y);
//y=idiv[j].id;
//  alert(y);

//document.write("data"+rai[j]+"  "+(ww[j]*sf)+" "+(hh[j]*sf)+" "+(xx[j]*sf)+" "+(yy[j]*sf) + room[j]);
}
//$(this).bind("click",'idiv',function(){
//          alert("hello"+idiv.id);
//window.location.href="tables.php?room_id="+y;
//  });
});

Может ли кто-нибудь дать представление о том, как связать нажмите на каждый извлеченный элемент.

0

drag-and-drop javascript jquery php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Вот так: добавьте класс к созданному элементу и напишите обработчик события click для всех элементов, имеющих этот класс. Увидеть ниже

Добавьте ниже HTML в Loop, где вы создаете idiv[j] —

idiv[j].className = "clickable";

Теперь напишите обработчик события click, используя .на()

$(document).ready(function () {
...... your code start here
......
//loop
for(j=0;j<=count;j++)
{
...
...
}
//loop ends
... more code
....your code end here
$(document).on("click",".clickable", function(){
alert(this.id);
});
});

НОТА: Не используйте bind потому что это устарело сейчас после jQuery версии 1.5

1