0

我正在尝试做的是创建一些 jQuery 代码，当我单击图像时将启动一些 PHP 代码并重新加载页面。我已经创建了下面的代码，但是对于启动 PHP 代码需要 jQuery 中的什么类型的事件处理程序感到困惑。我怀疑这是边界 AJAX，除了这是同步的。这是下面的代码。

<script src="http://code.jquery.com/jquery-latest.js"></script>

<style>

img:hover { border:1px solid #021a40; margin: 1px; padding: 1px; color: #000000; 

cursor:pointer;};

</style>

<script>

$(document).ready(function(){

$('img').on('click',"img",function(){

$(this).slideUp();

What do I put here?????

});

});

</script> 

<img  src="image.gif" width="50" height="50" />
4

2 回答 2

1

没有ajax尝试：

$(document).ready(function()
{
   $('img').on('click',"img",function()
   {
       $(this).slideUp('slow',function () 
       {
          window.location = "url/to/phpfile.php?data="+yourdata
       });
   });
});

然后在 php 文件中，进行更新并输出或重定向到另一个页面。

关于您上面的评论，slideUp()的第二个参数是动画完成后的回调函数，因此您应该在页面转换之前获得视觉反馈。

于 2012-07-19T23:01:09.543 回答
0

这是我认为你可以做的。

$(document).ready(function(){
  $('img').on('click',"img",function(){
   $(this).slideUp('slow',function () {
      $.ajax({/* your ajax call here will run when the sliding is done */})
   });
  });
});
于 2012-07-19T22:43:45.760 回答