Question

我真的很新。希望这个标题有意义。

我的问题是：在我点击good.png或bad.png作为按钮后，js工作正常，但在我点击警告窗口中的OK后，图像将消失。刷新页面后，它会再次出现。

以下是代码的实际页面：http://bit.ly/1iUjnlW

我该如何解决这个问题？非常感谢你！

（抱歉我的语言不好）

这是我的代码的一部分：

========= js function ========

<script type="text/javascript">
$(function() {
$(".rate").click(function() {
    var id = $(this).attr("id");
    var name = $(this).attr("name");
    var dataString = 'id='+ id ;
    var parent = $(this);
    if(name=='up'){
        //$(this).fadeIn(200);
        $.ajax({
        type: "POST",
        url: "../data/rate_up.php",
        data: dataString,
        cache: false,
        success: function(html)
        {
            parent.html(html);
        }  });
    }
    else
    {
        //$(this).fadeIn(200);
        $.ajax({
        type: "POST",
        url: "../data/rate_down.php",
        data: dataString,
        cache: false,
        success: function(html)
        {
            parent.html(html);
        }   });
    }  
    return false;
});
});
</script>

========表格中的img按钮===========

<p class="p1">
<fieldset>
<legend>Sighting Detail</legend>
<div id="scroll_detail" style="overflow-y:auto; height:600px;">
 <table>

    <td>Rate this sighting: </td>
    <td>
    <div class="box">
        <a href="" class="rate" id="<?php echo $sighting_id; ?>" name="up"><img src="../images/rating/good.png"><?php echo $up; ?></a>
    </div>
    <div class="box">
        <a href="" class="rate" id="<?php echo $sighting_id; ?>" name="down"><img src="../images/rating/bad.png"><?php echo $down; ?></a>
    </div>
    </td>
</tr>  


</table>
</div>
</fieldset>

</p>


</div>
</div>

<!-- Above is the website main files -->

<?php include ('../footer.php');

Answer 1

您正在使用来自AJAX响应的html替换您的锚标记（其中包含yiur图像）内部html

parent.html(html);

在替换内容并查看内容之前，尝试提醒从AJAX返回的html

尝试追加html返回

parent.append(html);

html，js，php - 点击后图片消失

1 个答案: