gpt4 book ai didi

javascript - 在可编辑按钮中显示保存底部编辑文本

转载 作者:可可西里 更新时间:2023-11-01 14:45:09 24 4
gpt4 key购买 nike

这是我的代码。我有一个文本。和一个用于编辑文本的按钮。我想单击编辑按钮然后显示一个 btn 作为名称保存。为了保存我的零钱。我应该怎么办?帮助我的 friend

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../../../Editable/css/minified-std-acount.css">
<title>Untitled Document</title>
<script src="../../../eanjoman/js/jquery-1.10.1.min.js"></script>
<script>

$(document).ready(function(e) {

$('button').click(function(){
var $div=$('div'),
isEditable=$div.is('.editable');
$('div').prop('contenteditable',!isEditable).toggleClass('editable')
})
});
</script>
<style>
.editable{ background:#EAEAEA}
</style>

</head>

<body>
<div>Some text</div><br><br><button>Toggle editable</button>
</body>
</html>

最佳答案

那么你可以在这里添加一行代码:

DEMO

$('button').click(function(){
var $div=$('div'),
isEditable=$div.is('.editable');
$('div').prop('contenteditable',!isEditable).toggleClass('editable')
$(this).text('Save'); //Add this
})

更新

UPDATED DEMO

要将其切换回来,只需检查其 text 如下:

$('button').click(function(){
var $div=$('div'),
isEditable=$div.is('.editable');
$('div').prop('contenteditable',!isEditable).toggleClass('editable')
if($(this).text()!="Save") //Add this condition
$(this).text('Save');
else
$(this).text('Toggle editable');
})

关于javascript - 在可编辑按钮中显示保存底部编辑文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31422945/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com