1

有一点 jquery 功能的问题。只是不确定在哪里放置函数的第二部分以使其工作。有人可以帮忙处理流程吗？

<div id="image-tools"><button type="button" id="rotate">Rotate</button></div>
    <div id="image-frame"><img id="image" src="../../images/DBImages/<?php echo $image_data['image_id'] ?>.jpg"></div>

    <script type="text/javascript" src="includes/jQueryRotate.2.1.js"></script>

<script type="text/javascript">
    function rotate() {
    var value = 0;
    $("#rotate").rotate({
        bind:
            {
            click: function() {
                value+=90;
                $("#image").rotate({ angle: value });
                }
            }
    },  function() {
                $.post('script/image_rotate_save.php',
                {
                    file: $("#image").attr('src'),
                    value: value
                }, function(response) {
                    console.log(response)
                });
        });
}
</script>

它是做什么的？您单击一个按钮将图像旋转 90 度，旋转功能旋转页面上的图像（这工作正常），然后 ajax 功能将服务器上的图像更新到新的方向。

即使我将 url 更改为 image_rotate_save.php，我也没有收到 404 错误，据我所知，函数的 ajax 部分甚至没有触发。

有任何想法吗？

4

0 回答 0