gpt4 book ai didi

javascript - 在html中动态更改按钮的工具提示

转载 作者:太空宇宙 更新时间:2023-11-03 23:40:07 26 4
gpt4 key购买 nike

我对 html、css、javascript、jQuery 非常陌生。我想根据按钮显示工具提示。显示播放图标时的按钮应该显示“运行”作为工具提示,当显示停止图标时它应该显示“停止”作为工具提示。此代码是 HTML 模板的一部分

<div class='btn-group'>
<button class='btn btn-inverse playstop' rel='tooltip'
data-original-title='Run><i class='icon-play'></i></button>
</div>

在我有一个条件的脚本中

$(".icon-stop", $this.element).attr("data-original-title", "Run");
$(".icon-stop", $this.element).removeClass("icon-stop").addClass("icon-play");

还有其他条件我有

$(".icon-play", $this.element).attr("title", "Stop");
$(".icon-play", $this.element).removeClass("icon-play").addClass("icon-stop");

最佳答案

我进行了编辑以显示一个按钮的完整 html,当从“停止”单击到“运行”时,该按钮会更改其文本。单击时显示的工具提示也会更改

<html>
<head>
<meta charset="ISO-8859-1">
<title>TestingStuff</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<script>
$(document).ready(function(){
$("#aBtn").click(function(){
if($("#aBtn").html() == "Stopped"){
$("#aBtn").html("Running");
$("#aBtn").attr("title","Running");
}
else{
$("#aBtn").html("Stopped");
$("#aBtn").attr("title","Stopped");
}
});
});
</script>
<body>
<div>
<button id="aBtn" title="Stopped">Stopped</button>
</div>
</body>
</html>

关于javascript - 在html中动态更改按钮的工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23117925/

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