Question

有一点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部分甚至没有触发。

有什么想法吗？

JQuery Rotate和Ajax Save

0 个答案: