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


start image loader icon when pressing a link inside PHP code

当用户按下链接时,我正试图使用图像加载程序。无法工作。知道怎么做吗?

我使用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;' /> ";

试试这个:

<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;' />";
?>

Fiddle:http://jsfiddle.net/FlameTrap/fFuPx/

这是您更新的代码,但您需要在startlink url上使用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;' /> ";