使用blur()jquery可编辑输入文本
我在使用jquery blur()函数时遇到问题 代码如下:使用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
<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');
。