jQuery-加载新图像src时出现问题
**编辑** 显示我需要做什么的图像。当管理员单击未批准的(x)注释时,它会自动批准该注释,并且图像会更改为复选标记,反之亦然 我正在使用以下jQuery代码,但在单击时加载新图像src时遇到问题jQuery-加载新图像src时出现问题,jquery,Jquery,**编辑** 显示我需要做什么的图像。当管理员单击未批准的(x)注释时,它会自动批准该注释,并且图像会更改为复选标记,反之亦然 我正在使用以下jQuery代码,但在单击时加载新图像src时遇到问题 <script> $(document).ready(function(){ $(".disapproveComment").click(function() { var ID = $(this).children("p").text(); $.ajax({
<script>
$(document).ready(function(){
$(".disapproveComment").click(function() {
var ID = $(this).children("p").text();
$.ajax({
type: "POST",
url: "/comments/disapproveComment/"+ID,
async:false,
success: function(msg){
//Using $(this).(".disapprove")... does not work
$(".disapprove").attr("src","/img/icons/approve.png");
}
});
});
});
</script>
$(文档).ready(函数(){
$(“.Unrecomment”)。单击(函数(){
var ID=$(this.children(“p”).text();
$.ajax({
类型:“POST”,
url:“/comments/unpositioncomment/”+ID,
async:false,
成功:功能(msg){
//使用$(this)。(“.dispose”)…不起作用
$(“.dispose”).attr(“src”,“/img/icons/approve.png”);
}
});
});
});
这是我的视图文件
<?php
if($comment['Comment']['approved'] == 1){
echo '<div class="disapproveComment"><p style="display:none">';
echo $comment['Comment']['id'];
echo '</p><img class="disapprove" src="/img/icons/approve.png" border="0">';
echo '</div>';
}else{
echo '<div class="approveComment"><p class="idAnchor" style="display:none">';
echo $comment['Comment']['id'];
echo '</p><img class="approve" src="/img/icons/disapprove.png">';
echo '</div>';
}
?>
</td>
如果我说$(this)。(“.dispose”).attr…
则不会更新任何内容。如果我在代码中保持原样,那么所有带有该类名的图像的元素都会得到更新。感谢您的帮助……使用此结构:
$(this).find(".disapprove").attr...
这将应用于ajax回调中
attr
中带有unapprove
类的元素unapprovecomment
在ajax回调中,您有另一个上下文,因此需要在变量中更早地保存上下文
<script>
$(document).ready(function(){
$(".disapproveComment").click(function() {
var comment = $(this);
var ID = $(this).children("p").text();
$.ajax({
type: "POST",
url: "/comments/disapproveComment/"+ID,
async:false,
success: function(msg){
//Using $(this).(".disapprove")... does not work
comment.find(".disapprove").attr("src","/img/icons/approve.png");
}
});
});
});
</script>
$(文档).ready(函数(){
$(“.Unrecomment”)。单击(函数(){
var注释=$(此);
var ID=$(this.children(“p”).text();
$.ajax({
类型:“POST”,
url:“/comments/unpositioncomment/”+ID,
async:false,
成功:功能(msg){
//使用$(this)。(“.dispose”)…不起作用
comment.find(“.unapprove”).attr(“src”,“/img/icons/approve.png”);
}
});
});
});
您有多个元素的类为“不批准”吗?
$("img.disapprove").attr("src", "/img/icons/approve.png");