代码 jquery 不适用于所有帖子
code jquery does'nt work in all posts
$(document).ready(function(){
$("#img_cont,h3,#txt_right,#dataut,#circle_haut,#read_more,p").mouseover(function(){
$("#txt_right").css({"opacity": "0.9","transition":"1s"});
$("#read_more").css({transform: "scale(1)","transition":"1s"});
$("div#txt_right p").css({transform: "scale(1)","transition":"1s"});
});
$("#img_cont,h3,#txt_right,#dataut,#circle_haut,p").mouseout(function(){
$("#read_more").css({transform: "scale(0)","transition":"1s"});
$("div#txt_right p").css({transform: "scale(0)","transition":"1s"});
$("#txt_right").css({"opacity": "0","transition":"1s"});
});
});
我有一个网站 (html ,css ,js ,php ,mysql) 我有 jquery 代码我把它用于posts ,我的意思是我在鼠标悬停时更改 css 属性 和 post 的动画(阅读更多,日期.....),问题是代码仅在第一个 post 中工作,如果我创建一个新的 post 它将仅在最新的 post 中工作,当我将鼠标悬停在另一个 post 上时代码工作在第一个代码中提前感谢我的英语不好。
请尝试使用 ID 而不是 CLASS
并使用 $(this).css();
所以它不会适用于所有
$(document).ready(function(){
$("#img_cont,h3,#txt_right,#dataut,#circle_haut,#read_more,p").mouseover(function(){
$("#txt_right").css({"opacity": "0.9","transition":"1s"});
$("#read_more").css({transform: "scale(1)","transition":"1s"});
$("div#txt_right p").css({transform: "scale(1)","transition":"1s"});
});
$("#img_cont,h3,#txt_right,#dataut,#circle_haut,p").mouseout(function(){
$("#read_more").css({transform: "scale(0)","transition":"1s"});
$("div#txt_right p").css({transform: "scale(0)","transition":"1s"});
$("#txt_right").css({"opacity": "0","transition":"1s"});
});
});
我有一个网站 (html ,css ,js ,php ,mysql) 我有 jquery 代码我把它用于posts ,我的意思是我在鼠标悬停时更改 css 属性 和 post 的动画(阅读更多,日期.....),问题是代码仅在第一个 post 中工作,如果我创建一个新的 post 它将仅在最新的 post 中工作,当我将鼠标悬停在另一个 post 上时代码工作在第一个代码中提前感谢我的英语不好。
请尝试使用 ID 而不是 CLASS
并使用 $(this).css();
所以它不会适用于所有