Javascript 在ajax回调中更改div颜色
最初的想法是从日历中选择日期,通过ajax传递所选日期,然后只回显日历上的所选日期(假日)。我在数据库中查询所选日期,并希望它们以不同的颜色显示。 以下是我的ajax函数:Javascript 在ajax回调中更改div颜色,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,最初的想法是从日历中选择日期,通过ajax传递所选日期,然后只回显日历上的所选日期(假日)。我在数据库中查询所选日期,并希望它们以不同的颜色显示。 以下是我的ajax函数: function save_datepicker_date(date) { var url = "/ajax/days_off_add_remove.php"; var params = { date : date , company_id : $("#company_id").val()
function save_datepicker_date(date) {
var url = "/ajax/days_off_add_remove.php";
var params = {
date : date ,
company_id : $("#company_id").val(),
field : "ui-state-highlight"
};
$.get(url, params,
function(data) {
alert(data);
$('.'+field).css("color","#5500ff");
});
}
我不知道为什么,但这似乎不起作用。非常感谢您的帮助
这是我的days_off_add_remove.php文件:
enter code here $company_id = $_REQUEST['company_id'];
$date = $_REQUEST['date'];
$qry = "INSERT INTO days_off SET
date = '".mysql_date($date)."',
company_id = '".$company_id."'
";
$sql->query($qry)
当我选择一个日期时,它会回显字段参数,该参数的值为“ui state highlight”,但它仍然不起作用
解决
补充:好的,现在我选择了红色的假日。
我现在想做的是,如果有人点击突出显示的红色日期,它将成为一个正常日期(不再是假日)。现在我正在尝试选择具有类ui状态高亮显示的元素(红色方块)…这是正确的方法吗?欢迎提出任何建议和解决方案。提前感谢您。您可以尝试以下方法:
$.getJSON("/ajax/days_off_add_remove.php" + request.term , function (data){
response($.map(data,function(opt){
return {
label : opt.name,
value : opt.name,
}
}))
})
已解决:
function save_datepicker_date(date) {
var url = "/ajax/days_off_add_remove.php";
var params = {
date : date ,
company_id : $("#company_id").val()
};
$.get(url, params,
function(data) {
$('.ui-state-highlight a').css({"background": "none", "background-color":"red"});
});
您从服务器获得的
数据是什么?我是说它是哪种格式:xml、html、json?你说“这似乎不起作用”是什么意思?您正在更改回调中的常规CSS属性。因此,如果执行回调,这应该可以工作。您确定执行了$.get
-回调函数(函数(数据){…}
)吗?您可以通过添加警报(“测试”)来检查这一点代码>对函数的调用。是的,它被执行。我上传的图片显示了我通过ajax传递的选定日期。