<分区>
标签 javascript php jquery css ajax
我一直在网上寻找有关如何在不同颜色的 div 下显示新内容然后当用户单击该 div 时它会更改为原始设置的 div 的答案。所以你可以分辨它是被看见还是没被看见的区别。
这是单独使用 jquery 完成的,还是数据库和 php 发挥作用?我做了一些研究,但我还没有发现任何东西。所以来请教高手,希望对大家有所帮助。
所以作为一个想法
if(message_status=1){
show new data coloured div
}else if(message_status=2){
show normal coloured div
}
最佳答案
好吧,需要更多的细节来理解完全回答你的问题,但你的 sudo 代码基本上就在那里。
//get data
var getData = $.ajax("your/endpoint", {your: params});
var NEW_MSG_COLOR = "#CCCCCC";
var DEFAULT_MSG_COLOR = "#FFFFFF";
getData.then(function (res) {
//lets assume that the result of getting the data
//is an array of message objects
$.each(res, function (msgIdx, msg) {
var $div = $("<div />").text(msg.text);
$div.css("backgroundColor", msg.status === 1 ? NEW_MSG_COLOR : DEFAULT_MSG_COLOR);
$div.click(function () {
$div.css(backgroundColor: DEFAULT_MSG_COLOR);
});
//do something with $div here, stick it in the page, etc...
});
});
这应该可以帮助您完成大部分工作。 $.ajax
假定您将通过 ajax 调用以某种方式获取数据,但这取决于您(数据库、平面文件,等等...)
关于javascript - 用新数据突出显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25879928/
相关文章:
javascript - 使用 ajax 刷新页面而不重新加载,并在该页面中使用 POST/GET
javascript - 如何避免 JavaScript eval() 通过名称调用方法?
javascript - scope.$apply 在 AngularJS 中是同步的吗?
javascript - 在 Sharethis 上的电子邮件中添加主题?
javascript - 单击 Codeigniter 中的“编辑”按钮时更新 Bootstrap 表
javascript - 如何将格式化为数组变量的字符串转换为javascript对象?
php - Elasticsearch PHP 客户端抛出异常 "No alive nodes found in your cluster"