[英]jquery function only working once?
我有这个函数,假设改变跨度的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);
?>
你的javascript中有一个拼写错误,你已经把vailspan
放在if(msg === "available") {
line后面的availspan
。
如果不是这样,请尝试将click
事件更改为live
事件:
$('#availabilityicon').live('click', function() {
以防你的javascript覆盖#availabilityicon
图标元素并且无法将事件重新附加到新的
您单击的“availablebiltyicon”将被另一个具有相同名称的替换。 您可以尝试使用.live(),也可以阅读事件委派。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.