在PHP代码中按下链接时启动图像加载程序图标

Question

当用户按下链接时，我试图使用图像加载器。无法工作。知道怎么做吗？

我使用jquery和php：

<script>
    $("#startlink").click(function(){
       $(".loading").show();
    }
</script>

echo"<a href='?value=$value'    id='loading'    >Start</a>  "; 
echo" <img src='img/loader.gif' class='loading;' style='display:none;' /> ";

Answer 1

试试这个：

<script>
$("#loading").click(function(){
$(".loading").show();
}
</script>

<?php
echo "<a href='?value=$value' id='loading'>Start</a>"; 
echo "<img src='img/loader.gif' class='loading' style='display:none;' />";
?>

小提琴：http://jsfiddle.net/FlameTrap/fFuPx/

Answer 2

这是您更新的代码，但您需要在startlink网址上使用AJAX，因为它不会触发。

<script>
$("#startlink").click(function(e){
    e.preventDefault();
    $(".loading").show();
}
</script>


echo"<a href='?value=$value' id='startlink'    >Start</a>  "; 
echo" <img src='img/loader.gif' class='loading' style='display:none;' /> ";