当前位置:首页 > 日记 > 正文

交换和匹配数据与后端(照亮星级)

交换和匹配数据与后端(照亮星级)
1、我们在项目中遇到了商品评估页面,其中包含对商品明星的评价。当时,我刚刚写了效果(也就是说,当用户点击几颗星星,就会出现明亮的灯光)。
当我把时间还给同事时,他说我不觉得他做不到,然后我的头脑就不知所措了。
后来,同事说他等Daoteng回来,二十一世纪是一个好青年的阳光如何能让同事帮助完成你的任务。
通过同事们的指点和探索,我终于了解了两者之间的关系。我想用我自己的话解释如何写和如何做这个程序。
第一个数字:

上面的图片上评价了一个明亮的5,一个明亮的4,它是什么使它像这样请看下图:
是的,是的,起始星的数量是因为数据。
现在可以讨论这个数据,但是这个数据是什么
原来他同意在前端和后端。收集数据是好的。任何名字都可以给它。多田或TDAT能行。后端可以分配给它,还有多少星星数据会亮起来,但是你为什么想要这些数据呢
即:当用户A单击星时,可以给用户B用户C用户…看,用户点击的星星数必须存储在一个地方(即数据)才能返回。
也就是说,前端赋值、后端值,然后后端存储数据库中获取的数据,然后将其分配给数据以显示用户a所评估的星数。
前端赋值——后端值后端存储数据——后端根据存储的数据反馈到前端。前端根据后端反馈的数据在页面中显示相应的效果。
显然,逻辑可以编写程序。

$('。evaluate_mark)。每个(函数(){)
VaR星=美元(这)找到('。U型)。Attr(数据'); / /得到一个数据,5,4
警报(星号)。
$(这)找到('。U型div)。RemoveClass(亮度'); / /删除所有类光
美元的当前元素(这)找到('。U型div)。每个(功能(我,ELE){ / /元,我当前元素,对我当前元素指标
如果(i <星号){
警报(i);
警报(元素);
$(元)AddClass(轻的);
}
});
});
上面的代码很简单,首先遍历,遍历的div below.u-grade,即u-grada_item,
找到后,删除其所有的光(光是上课,灯在CSS的星星),然后遍历u-grada_item。明星已经实现了数据价值,由我<星星>判断。
为了显示星星的亮度,也就是说,第一张明亮的五颗星的图片是明亮的四。
4.1:在这一点上我们完成了后端分配,前面的性能影响了这一块。此时,两块都很差,
一个是用户单击的效果,另一个是用户单击当前星到数据的值。

4.2:以下做用户点击此片的性能效果

$(函数(){())
美元。setgrade =功能($元,指数){
var = ele.find美元美元项目(。u-grade_item );
item.removeclass美元(光);
item.slice美元(0,指数+ 1)。AddClass(光);
警报(索引+ 1);
};
(函数(){())
项目= $(var $ 。U型。u-grade_item );
item.click美元(函数(){()
var $ = $(this);定义一个变量来保存当前$项对象。
VaR指标= $(this.parent。U型)。儿童(。u-grade_item)。指数(美元);
index()返回索引的指定元素位置,是您认为索引值的当前元素。
警报(索引);
美元。setgrade($ this.parent()(),索引); / / jQuery在静态方法
})
});
});
a代码的实现没有提到。它可以看到注释。这样,用户点击效果就达到了。下一个是最后一个。用户单击的星的值分配给数据。
把它弄清楚是好的:

(函数(){())
项目= $(var $ 。U型。u-grade_item );
item.click美元(函数(){()
var $ = $(这个);
VaR指标= $(this.parent。U型)。儿童(。u-grade_item)。指数(美元);
VaR星=美元(这)。母(。U型)。Attr(数据,指数+ 1);
将索引分配给当前数据的元素,改变原来的值可以是数据。
美元。setgrade($ this.parent()(),索引); / / jQuery在静态方法
})
});
好的,这是这篇文章的全部内容。我希望它会对你有帮助。如果你有任何问题,请给我留言。萧边会及时回复你。谢谢你的支持网站。

相关文章

如何看qq关联QQ的QQ账号相关技巧

如何看qq关联QQ的QQ账号相关技巧

账号,如何看,技巧,电脑软件,QQ,QQ协会是腾讯QQ的一个功能,可以让你在QQ上接收到多个QQ信息,不要错过任何消息,有时关联太多的QQ,如何查看相关的QQ,这里是小整理QQ的相关查看,供大家参考。 查看关联QQ的方法 登陆你的QQ。 点击你的头。 进入建…

AI如何绘制一个简单的爱袋图标

AI如何绘制一个简单的爱袋图标

图标,绘制,简单,电脑软件,AI,ai简单地画一个小图标的爱袋 软件名称:Adobe Illustrator CS6(AI CS6)简化绿色中文版(32位+ 64位)软件大小:205mb更新时间:2014-05-11 1。在Ai软件中,新建了一个新的800 * 800文档,选择圆角矩形工具,绘制一个圆角图形,填…

找出Windows7异常关机的原因

找出Windows7异常关机的原因

原因,电脑软件,在多个工作站和服务器系统,关闭事件跟踪程序是一个非常有用的功能,这个功能可以为用户提供系统关闭遇到分析问题产生的原因,系统中存在的。事实上,在Windows7,也有这个功能,只是隐藏。 组策略的方法 * Win+R运行gpedit.msc *依…

PS图象处理软件巧妙地利用直方图来

PS图象处理软件巧妙地利用直方图来

直方图,肖像,图象,处理软件,效果,在本教程中,我们主要使用PS图象处理软件利用直方图来重建肖像。本文将加深对直方图的巨大作用的认识,并得到一种新的图像分析方法。 让我们看看原始地图的风格。 这三张图片中,一两张是后来的样式,第三张是后…

返回登录详细信息和实例代码的jQue

返回登录详细信息和实例代码的jQue

实例代码,登录,详细信息,电脑软件,jQuery,返回登机牌的jQuery实现 1.button按钮提交 按钮事件 $(# btnsumit)。Click(function(){) 警报(测试); }); 输入/提交事件 $(体)。Keydown(function(){) 如果(的情况下= ={ / /密码= 13 13)是回车键 $(# btnsumit)。Clic…

excel2013页脚设置excel2013教程

excel2013页脚设置excel2013教程

教程,设置,电脑软件,我们在Word中经常使用页眉和页脚。类似地,我们可以将页眉和页脚添加到Excel中。我们还添加页眉和页脚来excel2013,这也是很简单的。 excel2013页脚设置步骤: 1,当我们打开Excel表单时,我们选择页面布局选项卡,然后单击页面…

PS图象处理软件制造糖果的话

PS图象处理软件制造糖果的话

图象,处理软件,电脑软件,PS,最终效果图 让我们从一个可爱的背景开始。简单的红色和点状纹理就可以了。 填写一些文本的意愿。我用漂亮的字体称为sugarpie.300px,白色,有点倾斜。 现在看底层图层样式。仔细观察每个设置。 很简单,效果也很好。…

对JS回调函数的一些看法

对JS回调函数的一些看法

回调函数,看法,电脑软件,JS,最近在繁忙的公司安卓项目中,几乎没有时间写东西了。我一有空就把我所看到的东西都翻了一遍。在制造Android之后,移动终端开发的重要性更大了。现在本地应用程序和Web应用程序是主流。也就是说,各种基于浏览器的Web…

获取元素父节点的jQuery方法

获取元素父节点的jQuery方法

父节点,方法,元素,电脑软件,jQuery,jQuery获取父元素方法,如父()、父()、最近(),可以帮助您找到父元素或节点,我们将在下面解释: 先举个例子 复制代码代码如下所示: jQuery获取父节点。 jQuery获取父元素。 我们的目标是获得UL元素类parent1通过对…

运用技巧在word中增加拼音文字的操

运用技巧在word中增加拼音文字的操

操作技巧,拼音文字,技巧,电脑软件,word,总之,找到了一种在文本中增加拼音的方法。如何在文本中添加拼音,如何操作拼音。今天,小编辑教你如何在单词中添加拼音。 在单词中添加拼音的步骤如下: 将拼音添加到文本中,例如,将拼音添加到百度的百度体…

CorelDRAW如何画一个小清新的背景

CorelDRAW如何画一个小清新的背景

画一,图案,背景,电脑软件,CorelDRAW,本教程使用CorelDRAW X7软件绘制小清新的背景图片。在制作过程中,我们主要使用渐变效果,复制填充,并结合工具箱中的基本工具来绘制一个小的新鲜背景图片。教程是一个基本教程,你可以一步一步地完成你的设计…

ps圆弧排版方法

ps圆弧排版方法

方法,圆弧,电脑软件,ps,众所周知,ps通常能制作一些特殊字符。方法不难。这很简单。让我们告诉你如何从Xiaobi计算机网络学习萧边学习把一行字成弧。让我们尽快和我一起学习。让我们向ps学习。 ps圆弧排版方法 打开PS图象处理软件左侧工具栏…