我刚开始进行网页开发,而且我还用javascript/jquery做了一些onclick函数,我在完成这一项工作时遇到了困难。基本上,我试着用JQuery制作一个五星级评级系统,而不使用别人制作的插件。
我有一个HTML,其中添加了以下信息
function createRating() {
var sC = $('#starContainer');
for (var i = 1; i <= MAX_RATING; i++) {
sC.append($('<span>').addClass('fa fa-
最近我想把一个数字变成一个星级,我在这里偶然发现了这个帖子:,这正是我想要做的。我遵循了这个解释,但我似乎不能让它在我的本地环境中工作,我想知道是否有人可以帮助我。这是我的尝试:
$.fn.stars = function() {
return $(this).each(function() {
// Get the value
var val = parseFloat($(this).html());
// Make sure that the value is in 0 - 5 range, multiply to get wid
我有4张概述的恒星图像。每当我点击一个按钮,我希望第一颗星改变它的图像成为一个充满的星星,每当我再次点击这个按钮,我希望下一个星星变成一个充满的恒星,等等。我有类似的东西,但是当我点击按钮时,所有的开始都变成了充满的星星。当它们都是满的星星之后,我想让它们在下一个按钮点击后变成空白的星星。
starBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method s
很抱歉这个奇怪的标题,我不知道该如何表达这个问题。基本上,我想知道是否有可能打开一个新窗口,并用前端的HTML填充它,而不是编写实际的路由、数据库调用等(是的,非常懒惰)。顺着这些思路思考。
var html = '<!DOCTYPE html><body><h1>Y HALO THAR</h1></body>'
window.open(html);
我只是对着星星许愿吗?这有可能吗?
我正在创建一个评分系统来对图像进行评级。我想将onClick和onMouseOver事件应用于我为系统呈现的星星。
onMouseOver:根据鼠标悬停的是哪颗星星,应该在悬停的星星之前填上星星。如果我把容器里的星星放在里面,那么就不会有星星被填满。例如。有了4颗星,如果我在第3颗星上空盘旋,那么就应该填充1-3颗星。如果我不盘旋在任何星星之上,就不应该填满任何星星。
onClick:类似于上面,除了星星将被填充,无论是悬停在或远离星星。例如。点击星号3,星星1-3将被填充.应继续填写,并禁用onMouseOver/onMouseLeave效果。
链接到代码:
Function to rend