使用blur()jquery可编辑输入文本

使用blur()jquery可编辑输入文本,jquery,Jquery,我在使用jquery blur()函数时遇到问题 代码如下: <a class="quick_edit_title" s="1" u="/administrator/user-group/index/edit/1">Admin</a> <a class="quick_edit_title" s="1" u="/administrator/user-group/index/edit/2">User</a> <a class="quick_edi

我在使用jquery blur()函数时遇到问题 代码如下:

<a class="quick_edit_title" s="1" u="/administrator/user-group/index/edit/1">Admin</a>
<a class="quick_edit_title" s="1" u="/administrator/user-group/index/edit/2">User</a>
<a class="quick_edit_title" s="1" u="/administrator/user-group/index/edit/3">Mod</a>
Admin
使用者
摩登派青年
在使用click时,我使用jqueryajax和可编辑元素

$(document).ready(function () {
    $('.quick_edit_title').each(function () {
        $(this).click(function () {
            var url = $(this).attr('u');
            var status = $(this).attr('s');
            var title = $(this).html();
            var old_element = this;
            var input = $("<input type='text' size='45' value='" + title.replace(/'/gi, "\\'") + "' class='input_quick_edit'/>");

            //$(this).replaceWith(input).blur(function() {
            //alert(this.value);
            //});  

        });
    });
});
$(文档).ready(函数(){
$('.quick\u edit\u title')。每个(函数(){
$(此)。单击(函数(){
var url=$(this.attr('u');
var status=$(this.attr('s');
var title=$(this.html();
var old_元素=此;

var input=$(“尝试以下方法:

$(document).on('click', '.quick_edit_title', function(){
    var url = $(this).attr('u');
    var status = $(this).attr('s');
    var title = $(this).html();
    var input = $("<input type='text' size='45' value='" + title.replace(/'/gi,"\\'") + "' class='input_quick_edit'/>");

    $(this).replaceWith(input); 
}).on('blur', '.input_quick_edit', function() {
    alert(this.value);
});
$(文档)。在('单击','上。快速编辑标题',函数(){
var url=$(this.attr('u');
var status=$(this.attr('s');
var title=$(this.html();

var input=$(“我认为您需要切换模糊语句(在注释中)您需要执行类似于
$(this).blur(function(){$(this).html(input);)}
(不是答案)在HTML5中,使用除data-*之外的自定义属性是无效的。您应该使用
数据状态
而不是
s
作为属性名称。对于
u
->
数据url
,也可以使用
var url=$(this)检索它们。数据('status');