jQuery .html正在更改字體

嘗試使用jQuery .html函數時，它似乎在更改div的字體，我不確定原因。我的代碼中有錯誤嗎？jQuery .html正在更改字體

預先感謝您。

$.ajax({ 
    type: "POST", 
    url: '/_backend/forum/like_post.php', 
    data: 'postID=' + postID, 
    success: function(data){ 
     $(".btn-like-post[data-post-id='" + postID + "']").html("<i class='fa fa-heart'> Liked (" + likedByNow + ")"); 
     $(".btn-like-post[data-post-id='" + postID + "']").attr("class", "btn btn-dark-pink"); 
     $(".btn-like-post[data-post-id='" + postID + "']").attr("title", data); 
    } 
});

編輯
前：https://prnt.sc/g2r5bt
後：http://prntscr.com/g2r5jx

編輯

CSS代碼

.btn-dark-pink, .btn-dark-pink:hover, .btn-dark-pink:focus { 
    background: #c43063; 
    color: white; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
} 

.btn-pink, .btn-pink:hover, .btn-pink:focus { 
    background: #f94a86; 
    color: white; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
}

來源

2017-07-31 The Blacksmith

你的反應回來'改變的字體div'？這是什麼意思？你的div之前是否有一些數據？ –

@AlivetoDie它改變字體，我將編輯與圖片的一些鏈接的原始帖子。 –

沒有你的CSS我們就無法辨別（你的整個CSS，不僅僅是那麼一點 - 我們需要一個[mcve]）。但是，可能會添加'.btn .btn-dark-pink'或'title =「[無論數據是什麼]」'會通過CSS更改字體？ –

你不關你的<i>元素

它應該看起來像

$.ajax({ 
    type: "POST", 
    url: '/_backend/forum/like_post.php', 
    data: 'postID=' + postID, 
    success: function(data){ 
     $(".btn-like-post[data-post-id='" + postID + "']").html("<i class='fa fa-heart'> Liked (" + likedByNow + ")</i>"); 
     $(".btn-like-post[data-post-id='" + postID + "']").attr("class", "btn btn-dark-pink"); 
     $(".btn-like-post[data-post-id='" + postID + "']").attr("title", data); 
    } 
});

或更好：

$.ajax({ 
    type: "POST", 
    url: '/_backend/forum/like_post.php', 
    data: 'postID=' + postID, 
    success: function(data) { 

     $(".btn-like-post[data-post-id='"+ postID +"']") 
      .html("<i class='fa fa-heart'> Liked (" + likedByNow + ")</i>") 
      .attr({ 
      "class": "btn btn-dark-pink", 
      "title": data 
      }); 

    } 
});

重要提示
不要在那樣的成功使用postID ...我的意思是：你可以開始第二個請求，變量postID可能會改變。由於您請求的異步性質早期反應可能在錯誤的元素:)結束（在近來引用的一個）

，請參閱相關的確切postID從像data.postID

來源

2017-08-01 00:01:31

非常感謝。傻我！ –

@ImArron歡迎您！ –

回答

相關問題