當按下鏈接時，啓動圖像加載器圖標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

這是你更新的代碼，但是你將需要使用AJAX的STARTLINK URL時，它是不會開火。

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