Question

我一直在网上寻找有关如何在不同颜色的div下显示新内容的答案，然后当用户点击该div时，它会更改为原始设置。所以你可以分辨它是被看见还是看不见。

这是单独用jquery完成的，还是数据库和php发挥作用？我做了一些研究，但我没有找到任何东西。所以来问专家，希望它可以帮助别人。

所以作为一个想法

if(message_status=1){
show new data coloured div
}else if(message_status=2){
show normal coloured div
}

Answer 1

嗯，需要更多细节来理解完全回答你的问题，但你的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调用以某种方式获取数据，但这取决于您（数据库，平面文件，等等......）

使用新数据突出显示div

1 个答案: