jquery函數只工作一次？

Question

我有這個函數，假設改變跨度的html。 它第一次工作，但任何點擊后它不會改變任何東西。 我知道查詢正在運行，因為數據庫正在更新。 這是代碼。

$('#availabilityicon').click(function() {
    $.ajax({
            type: "GET",
            url: "includes/changeavailability.php",
            success: function(msg) {
                    if(msg === "available") {
                            var vailspan = $('span#avail').html('<a id="availabilityicon" href="#"><img align="center" width="16px" height="16px" src="images/available.png" /></a>');
                    }
                    else if(msg === "unavailable") {
                            var availspan = $('span#avail').html('<a id="availabilityicon" href="#"><img align="center" width="16px" height="16px" src="images/unavailable.png" /></a>');
                    }
            }
    });
});

這是PHP代碼

<?php
session_start();
$user = $_SESSION['username'];
include("dbcon.php");
$result = mysql_query("SELECT availability FROM user WHERE username='$user' ORDER BY id DESC") or die(mysql_error());
$row = mysql_fetch_assoc($result);
$availability = $row['availability'];
if($availability == 'yes') { 
$query = mysql_query("UPDATE user SET availability='no' WHERE username='$user'") or die(mysql_error());
echo "unavailable"; 
}
elseif($availability == 'no' or $availability == "") { 
$query = mysql_query("UPDATE user SET availability='yes' WHERE username='$user'") or die(mysql_error()); 
echo "available"; 
}
mysql_close($con);
?>

Answer 1

你的javascript中有一個拼寫錯誤，你已經把vailspan放在if(msg === "available") { line后面的availspan 。

如果不是這樣，請嘗試將click事件更改為live事件：

$('#availabilityicon').live('click', function() {

以防你的javascript覆蓋#availabilityicon圖標元素並且無法將事件重新附加到新的

Answer 2

您單擊的“availablebiltyicon”將被另一個具有相同名稱的替換。 您可以嘗試使用.live（），也可以閱讀事件委派。