0

所以我有一张表，内容是用 json 加载的

$(document).ready(function () {
    $(".click").editable("http://www.appelsiini.net/projects/jeditable/php/echo.php", {
        indicator : "<img src='img/indicator.gif'>",
        tooltip   : "Click to edit...",
        style  : "inherit"
    });

    $.getJSON('../ajax/ajax_get_data.php', function(data) {
        $.each(data.split, function(i) {
            $('.wk_skile_table > tbody:last').append('<tr><td class="click">'+i+'</b></td><td>'+this.row1+'</td><td>'+this.row2+'</td><td>'+this.split+'</td><td>'+this.orange_start+'</td><td>'+this.red_start+'</td><td>'+this.blinking+'</td>');

            //or add dynamically 
            $("td").each(function() {
                $(this).addClass("click");
            });
        });

        $.each(data.aux, function(i) {
            $('.wk_aux_table > tbody:last').append('<tr><td>'+i+'</td><td>'+this.row1+'</td><td>'+this.row2+'</td><td>'+this.orange_start+'</td><td>'+this.red_start+'</td><td>'+this.blinking+'</td>');
        });
    });
});

但是当我使用 append() 时它不起作用：\

您有任何解决方法的想法吗？

更新 这里是示例http://jsfiddle.net/f33Fs/

问题是 jeditable '没有看到' .click 类。我将代码更改为

$("th").editable("http://www.appelsiini.net/projects/jeditable/php/echo.php", {
    indicator : "<img src='img/indicator.gif'>",
    tooltip   : "Click to edit...",
    style  : "inherit"
});

并且适用于 html（它写在 HTML 文件中）。但是对于通过 append() 函数添加到表中的 td

    $("td").editable("http://www.appelsiini.net/projects/jeditable/php/echo.php", {
        indicator : "<img src='img/indicator.gif'>",
        tooltip   : "Click to edit...",
        style  : "inherit"
    });
 does not work...
4

2 回答 2

0

我终于弄明白了

$(document).ready(function () {

    $.ajax({
        url: '../ajax/ajax_get_data.php',
        async: false,
        dataType: 'json',
        success: function(data) {
        $.each(data.split, function(i) {
            // 'this' is the value of the object item
            // key is the map/object key, value is value
            $('.wk_skile_table > tbody:last').append('<tr><td>'+i+'</b></td><td>'+this.row1+'</td><td>'+this.row2+'</td><td>'+this.split+'</td><td>'+this.orange_start+'</td><td>'+this.red_start+'</td><td>'+this.blinking+'</td>');

        });

        $.each(data.aux, function(i) {
            // 'this' is the value of the object item
            // key is the map/object key, value is value
            $('.wk_aux_table > tbody:last').append('<tr><td>'+i+'</td><td>'+this.row1+'</td><td>'+this.row2+'</td><td>'+this.orange_start+'</td><td>'+this.red_start+'</td><td>'+this.blinking+'</td>');
        });
        }
    });

    $("td").editable("http://www.appelsiini.net/projects/jeditable/php/echo.php", {
        indicator : "<img src='img/indicator.gif'>",
        tooltip   : "Click to edit...",
        style  : "inherit"
    }); 
});

可能 getJSON 是问题，因为脚本是异步的。使用此脚本，一切正常。

于 2013-05-28T06:39:03.983 回答
-1

更新 ：

我在追加后移动了 jeditable init，它现在可以工作了:)

于 2013-05-27T13:00:00.403 回答