即时编辑元素

标记

我试图允许用户登录该站点,当他们单击特定元素时,该元素将更改为输入文本字段,然后允许用户在此键入任何想要的内容。

但是,一旦单击inout字段,它将继续为另一个输入字段添加更多代码。这有意义吗?

这是我的jQuery:

$('.editTagline').click(function() {
  var content = $(this).html();
  $(this).html('<input type="text" value="' +content+ '">');    
});

这是JSFiddle:http : //jsfiddle.net/nSY4Y/如果单击单词标语,然后尝试在输入文本字段中输入文本,您将看到问题。

阿德内

您可以使用one(),这样每个元素只能使用一次

$('.editTagline').one('click', function () {
    var content = $(this).html();
    $(this).html('<input type="text" value="' + content + '">');
});

小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

即时编辑HTTP请求

来自分类Dev

即时编辑HTTP请求

来自分类Dev

CKEditor即时编辑配置

来自分类Dev

Android即时编辑图片

来自分类Dev

是否可以即时创建或编辑Jenkins项目?

来自分类Dev

tinyMCE编辑器无法即时更新

来自分类Dev

url字符串流即时编辑?

来自分类Dev

加密单个文件并即时读取/编辑

来自分类Dev

jQuery fadeIn即时添加大型元素

来自分类Dev

无法选择/点击即时创建的元素

来自分类Dev

jQuery fadeIn即时添加大型元素

来自分类Dev

引导附加Javascript的元素的即时响应高度

来自分类Dev

如何即时替换元素中的图像?

来自分类Dev

Symfony2-如何清除/编辑即时消息

来自分类Dev

CakePHP 3.x:如何即时编辑验证规则

来自分类Dev

MVC:用于CSS,JS和CSHTML的即时编辑器

来自分类Dev

Prolog列表元素编辑

来自分类Dev

如何让硒编辑元素

来自分类Dev

编辑列表元素

来自分类Dev

在 Revit 2018/2019 中跟踪元素编辑或元素编辑事件

来自分类Dev

从XDocument获取元素并编辑属性

来自分类Dev

可在Polymer元素内编辑

来自分类Dev

编辑列表中的元素-python

来自分类Dev

在iframe中编辑元素的CSS

来自分类Dev

编辑XDocument中的特定元素

来自分类Dev

jQuery编辑li元素的内容

来自分类Dev

在Wordpress中编辑元素样式

来自分类Dev

使用 redux 编辑列表元素

来自分类Dev

为什么 Xcode 8.3.2 在编辑时不显示即时语法错误