Javascript html正在更改字体
当尝试使用jQuery.html函数时,它似乎正在更改div的字体,我不确定为什么。我的代码中有错误吗 先谢谢你Javascript html正在更改字体,javascript,jquery,css,Javascript,Jquery,Css,当尝试使用jQuery.html函数时,它似乎正在更改div的字体,我不确定为什么。我的代码中有错误吗 先谢谢你 $.ajax({ type: "POST", url: '/_backend/forum/like_post.php', data: 'postID=' + postID, success: function(data){ $(".btn-like-post[data-post-id='" + postID + "']").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 );
}
});
您没有关闭
元素
应该是这样的
$.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({
类型:“POST”,
url:'/_backend/forum/like_post.php',
数据:“postID=”+postID,
成功:功能(数据){
$(“.btn-like-post[data-post-id=”“+postID+”]”).html(“Liked(“+likedByNow+”));
$(“.btn-like-post[data-post-id=”“+postID+”]”)attr(“class”,“btn-btn-dek-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
});
}
});
$.ajax({
类型:“POST”,
url:'/_backend/forum/like_post.php',
数据:“postID=”+postID,
成功:功能(数据){
$(“.btn-like-post[data-post-id=”“+postID+”]))
.html(“喜欢”(“+likedByNow+”))
艾特先生({
“类别”:“btn btn深粉色”,
“标题”:数据
});
}
});
重要提示不要在那样的成功中使用
posted
。。。我的意思是:您可以启动第二个请求,变量postID
可以更改。由于请求的异步性质,较早的响应可能会出现在错误的元素中:)(最近引用的元素)
相反,从您的回复中读取准确的
postID
,如数据。postID
您没有关闭
元素
应该是这样的
$.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({
类型:“POST”,
url:'/_backend/forum/like_post.php',
数据:“postID=”+postID,
成功:功能(数据){
$(“.btn-like-post[data-post-id=”“+postID+”]”).html(“Liked(“+likedByNow+”));
$(“.btn-like-post[data-post-id=”“+postID+”]”)attr(“class”,“btn-btn-dek-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
});
}
});
$.ajax({
类型:“POST”,
url:'/_backend/forum/like_post.php',
数据:“postID=”+postID,
成功:功能(数据){
$(“.btn-like-post[data-post-id=”“+postID+”]))
.html(“喜欢”(“+likedByNow+”))
艾特先生({
“类别”:“btn btn深粉色”,
“标题”:数据
});
}
});
重要提示不要在那样的成功中使用
posted
。。。我的意思是:您可以启动第二个请求,变量postID
可以更改。由于请求的异步性质,较早的响应可能会出现在错误的元素中:)(最近引用的元素)
相反,从您的回复中读取准确的
postID
,如data.postID
更改div的字体
?你这是什么意思。?你的div以前有一些数据吗?@AlivetoDie它改变了字体,我将编辑原始帖子,并提供一些图片链接。没有你的CSS(你的整个CSS,而不仅仅是一点点,我们需要一个新的CSS)我们无法判断。但可能添加.btn.btn深粉色
或title=“[任何数据]”
会通过CSS更改字体?尝试更改$(“.btn-like-post[data-post-id=”+“+postID+”])。attr(“class”,“btn-btn深粉色”)代码>到$(“.btn-like-post[data-post-id=”“+postID+”])代码>@ImArron我们需要所有相关的CSS来重现问题。查看如何创建更改div字体的?你这是什么意思。?你的div以前有一些数据吗?@AlivetoDie它改变了字体,我将编辑原始帖子,并提供一些图片链接。没有你的CSS(你的整个CSS,而不仅仅是一点点,我们需要一个新的CSS)我们无法判断。但可能添加.btn.btn深粉色
或title=“[任何数据]”
会通过CSS更改字体?尝试更改$(“.btn-like-post[data-post-id=”+“+postID+”])。attr(“class”,“btn-btn深粉色”)代码>到$(“.btn-like-post[data-post-id=”“+postID+”])代码>@ImArron我们需要所有相关的CSS来重现问题。看看如何创造一个非常感谢你。我真傻!非常感谢你。我真傻!