jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 使用JEditable设置自定义响应大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jeditable jquery插件来更新我的网页上的一些数据.通过服务器上的jeditable插件保存数据之后,我想用新的内容替换容器div中的旧内容,实际上与插入的数据不同(应用程序在保存之前处理了数据并添加了一些更多信息.它).

我已经尝试过以下代码来做同样的事情,它第一次工作但是一旦在容器div中替换了数据,就会丢失可编辑的功能.

$(".editableComments").editable( function(value,setTings) {
            SELEctedId = $(this).attr("id");
            $.ajax({
                url:'ajaxApproverequests',type:'post',data:{
                        requestType: "Trans",idList : $(this).attr("id"),comment:  value
                    },success: function(data) {
                    if (data != "Error")
                        {
                            $("#"+SELEctedId).html(data);
                        }
                },error: function(req) {
                    alert("Error in request. Please try again later.");
                }
            });
        },{
            inDicator : "Saving...",type   : 'textarea',submit : '<input type="button" id="okBtn" value="Ok" onMouSEOver="rollOnAutoButton(this)" onMouSEOut="rollOffAutoButton(this)" class="autobtn" >',cancel : '<input type="button" id="cancelBtn"  value="Cancel" onMouSEOver="rollOnAutoButton(this)" onMouSEOut="rollOffAutoButton(this)" class="autobtn" >',cssclass : "editableArea",rows: 5,cols: 25,onblur    : "ignore"
        });

HTML代码是:

<div class="editableComments">some data</div>

请告诉我在哪里做wron?提前致谢.

解决方法

可编辑的函数需要返回值.你不能得到一个具有ajax功能的人.

我做的是在我做ajax功能的同时在那里返回一些临时值:

$(".editableComments").editable( function(value,setTings) {
        SELEctedId = $(this).attr("id");
        $.ajax({
            url:'ajaxApproverequests',data:{
                    requestType: "Trans",comment:  value
                },success: function(data) {
                if (data != "Error")
                    {
                        $("#"+SELEctedId).html(data);
                    }
            },error: function(req) {
                alert("Error in request. Please try again later.");
            }
        });
        return value; //need the return
    },...

大佬总结

以上是大佬教程为你收集整理的jquery – 使用JEditable设置自定义响应全部内容,希望文章能够帮你解决jquery – 使用JEditable设置自定义响应所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。