Question

我有这个按钮，当我点击它时，我想让里面的文字变成图像。我现在有什么不工作，有什么想法吗？

<%= submit_tag 'CREATE MYMANUAL', class: 'submit', id: "generate" %>

<script type="text/javascript">
$('#generate').on("click", function(){
    $('#generate').val("ajax-loader.gif")
});
</script>

Answer 1

你为什么不先隐藏它？然后将图像插入其位置（可能替换按钮）？如果ajax-loader不是按钮，则可以轻松制作loaderbutton gif

$('#generate').hide().after('<img src="ajax-loader.gif" />")

编辑 - 可能是更好的解决方案

$('#generate').val('');//empty button text
$('#generate').css('background-image','url(ajax-loader.gif)'); //add loading gif as background image

Answer 2

这不是有效的HTML。见here。我相信您必须使用“image”类型的输入，并将src设置为您的图像URL。您必须删除按钮并添加和输入类型“图像”，如下所示：

$('#generate').click(function() {
  var $par = $(this).parent();
  $(this).remove();
  $parent.append("<input type='image' src='my.gif' />")
});

或者看看你是否可以动态翻转类型： $（'＃generate'）。click（function（）{ $（本）.attr（ “类型”， “图像”）; $（本）.attr（ “src” 用户， “my.gif”）; }）;

不确定第二个是否可行。

如何在单击时将按钮值更改为图像

2 个答案: