當按鈕按下去後放入icon，但本身按鈕會變形

Question

<button class="add_tab_v2" onclick="location.href='xxx.php';">←</button>$(".add_tab_v2").click(function(e) {    $(".add_tab_v2").html("<img class='iconBack' src='images/loading_v2.svg'>");    document.getElementById(".add_tab_v2").disabled=true;});當按下去後，丟了一張圖片給button但這樣大小會變ＰＳ： 圖片越大，越變型跟其他按鈕會不一樣但我又不想限制按鈕本身的padding或寬度因為這會因為字的多寡而也所限制....

Answer 1

试试：

<button class="add_tab_v2">←</button>

$(".add_tab_v2").on(function(e) {

    setTimeout(function(){

        location.href='xxx.php';

    }, 3000);

    $(this)

        .text('')

        .css('background-image', 'url(images/loading_v2.svg)')

        .prop('disabled', true);

});