Question

我目前正在为客户制作wordpress插件，并且我遇到了一些jQuery脚本问题。

我有一个具有这种结构的表：

    <table>
    <tr>
    <td>Element</td>
    <td  class="field-value" data-type="radio">value</td>
    </tr>
    <tr>
    <td>Element</td>
    <td class="field-value" data-type="text">value</td>
    </tr>
    </table>

等等。我想用jQuery编译.field-value。

这是我的剧本：

jQuery(document).ready(function () {

jQuery(document).on("click", ".field-value", function (e) {
    e.preventDefault();
    alert("clicked");
    var OriginalContent = jQuery(this).text();
    var type = jQuery(this).attr("data-type");
    console.log("Clicked");
    if (type == "radio") {
        var q_id = jQuery(this).attr("id");
        var type = jQuery(this).parent().prev(".value-field").attr("id");
        var a = jQuery(this);
        console.log(this);
        jQuery.ajax({
            type: "post",
            data: {
                q_id: q_id,
                type: type
            },
            url: "wp-content/plugins/cg-form-plugin/get-options.php",
            dataType: "html",
            success: function (data) {
                jQuery(a).parent().prev(".value-field").html(data);
            },

        });
    } else if (type == "text") {
        var a = jQuery("input[name=edit]").val();
        var qu_id = jQuery("input[name=edit]").closest(".value-field").next().find(".edit").attr("id");
        var v_id = jQuery(this).closest(".et_pb_toggle").attr("id");
        var type = jQuery("input[name=edit]").attr("id");
        jQuery(this).html("<input type='text' value='" + OriginalContent + "' />");
        jQuery(this).children().first().focus();
        jQuery(this).children().first().blur(function (e) {
            var newContent = jQuery(this).val();
            jQuery.ajax({
                type: "post",
                data: {a:a, qu_id: qu_id, v_id:v_id, type: type},
                url: "wp-content/plugins/cg-form-plugin/update-array.php",
                dataType: "html",
                success: function(data) {
                    location.reload();
                },
            });
        });
    }

});
});

我的问题是.on（＆＃34;点击＆＃34;）事件没有触发。我现在已经玩了好几个小时了，尝试.click（）;和其他一些东西。

我在脚本中有类似的.on（＆＃34; click＆＃34;）事件中的其他函数，它们工作得很好。我对什么是错误感到茫然。

任何人都能指出我正确的方向吗？

编辑：摆弄实际表：http://jsfiddle.net/qr7477ea/2/

****我，它的价值领域不是字段价值。愚蠢的东西浪费了3个小时。非常感谢ppl！

Answer 1

.用于查询选择器，以便知道它正在上课，您在定义课程时不想使用它。因此，请移除.

中的class=".field-value"

<td ... class="field-value">value</td>

Answer 2

从类名中删除点：

它应该是：

<td id="(type)" class="field-value">value</td>

而不是：

<td id="(type)" class=".field-value">value</td>

Answer 3

变化：

jQuery(document).on("click", ".field-value", function (e) {

到

jQuery(".field-value").on("click", function (e) {

在您的初始版本中，您基本上在document的后代中寻找.field-value元素。

jQuery点击不触发

3 个答案: