javascript - 数组和 while 循环 : make unique clickable

Question

我有一个如下所示的数组(通过 ajax):

data[i].id: gives the id of user i
data[i].name: gives the name of user i

我想输出这样的数组:

X Leonardo Da Vinci
X Albert Einstein
X William Shakespeare
...

X 是必须可点击的图像 (x.gif)。单击时，它必须转到 functiontwo()，传递参数 data[i].id。 Functiontwo 将打开一个带有问题“删除 id 数据[i].id”的 jquery 对话框？

我知道这不会太难做，但我似乎无法弄明白......这是我目前所拥有的:

function functionone() {


    $.ajax({
        type : 'POST',
        url : 'post.php',
        dataType : 'json',
        success : function(data){

            var message = "";
            var i = 0;


            while (i < (data.length - 1))
                            {
                 var myvar = data[i].id;
                 message = message + "<div class=" + data[i].id + "><img src=x.gif></div>" + data[i].name + "<br />";


                 $('#somediv').html(message).fadeIn('fast');
                  $("." + data[i].id + "").click(function () {
                  functiontwo(myvar);
                });
                i++;

            }



        }


    });

}

 function functiontwo(id) {
 ...}

我知道为什么这不起作用。 Var i 在 while 循环中一次又一次地填充。当 while 循环停止时，i 只是一个数字(在本例中为数组长度)，jquery 变为(例如):

$("." + data[4].id + "").click(function () {
                  functiontwo(myvar);
                });

，仅使最后一个 X 可点击。

我该如何解决这个问题？非常感谢!!!

编辑:

这是我的第二个功能:

 function functiontwo(id) {

  $("#dialogdelete").dialog("open");

     $('#submitbutton').click(function () {

        $('#submitbutton').hide();
        $('.loading').show();
                    $.ajax({
        type : 'POST',
        url : 'delete.php',
        dataType : 'json',
        data: {
            id : id
        },
        success : function(data){

            var mess = data;
            $('.loading').hide();
            $('#message').html(mess).fadeIn('fast');


        }
    });

    //cancel the submit button default behaviours
    return false;



        });


    }

在 delete.php 中没有什么特别的，我使用了 $_POST['id']。

Answer 1

正如我在评论中指出的那样。问题是 .click 部分。要么使用绑定(bind)，要么对所有元素使用一个类，然后使用这样的点击事件 $('.classnamehere').live('click',function () {//stuff });