gpt4 book ai didi

jquery - 将按钮的值设置为 HTML 内容

转载 作者:行者123 更新时间:2023-12-01 07:43:41 26 4
gpt4 key购买 nike

如何更改按钮的值以便将其解释为 HTML 代码?我有这个:

<input type="button" value="Click">

当按下它时,我会这样做:

$(this).prop('disabled', true);
$(this).prop('value', '<i class="fa fa-spinner"></i>');

但是内容不会是旋转的旋转器。我该如何解决这个问题?

最佳答案

您不能将任何 HTML 放入 <input type="button"> 中元素。您需要使用<button>为了实现这一点,以及 html()而不是prop() :

$('button').click(function() {
$(this).prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i>');
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button">Click</button>

请注意添加 fa-spin类使图标旋转。

关于jquery - 将按钮的值设置为 HTML 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42487063/

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