使用jquery从数字中获取星级
Get star rating from number using jquery
这里我有代码可以使用http://wbotelhos.com/raty,http://wbotelhos.com/raty/lib/jquery.raty.min.js
我创建了一个jsfiddle:http://jsfiddle.net/3SXKe/4/
// mocking your supposed "place" variable
var place = { name: "James Cook Hotel Grand Chancellor", rating: "3.6",
photos: [{ getUrl: function () { return "https://lh6.googleusercontent.com/-T0_fJX5zza0/UdSnOaucZvI/AAAAAAAAAFc/gQhK3IbHJfY/w50-h50-s0/Small%2BLogo.png" } }]
}
var photo = place.photos[0].getUrl({
'maxWidth': 50,
'maxHeight': 50
});
var elemenatDiv = $('<div>').addClass('elemenat');
var draggableDiv = $('<div>').addClass('draggable');
var logo = $('<img>').css({'margin-left': '3px', 'margin-top': '5px'})
.attr('src', photo).attr('width', 46).attr('height', 42)
var sideClick = $("<a>").addClass('side_click').attr('href', '#')
.text(place.name + place.rating);
var elementnameDiv = $('<div>').addClass('elementname');
var star = $('#star').raty({ score: place.rating });
elemenatDiv.append(draggableDiv.append(logo));
elemenatDiv.append(elementnameDiv.append(sideClick).append(star));
$("#side_bar").append(elemenatDiv);
$(sideClick).on("click", function () {
markers[i].modalWindow_.getDetails(markers[i].place_);
});
我首先使用:var star = $('#star').raty({ score: place.rating });
,然后附加elemenatDiv.append(elementnameDiv.append(sideClick).append(star));
但是在渲染html代码时星级不会显示吗?
我尝试了不同的解决方案,但我不知道错误在哪里?
这一行就是问题所在:
var star = $('#star').raty({ score: place.rating });
您正试图按ID(#star
)选择DOM元素,但DOM中没有元素。
您需要向DOM中注入一个ID为star
的DIV。
相关文章:
- javascript从id获取数字
- 通过正则表达式获取数字
- 如何使用jquery获取数字元素的文本并放入数组中
- 浏览器在尝试获取数字的最大素因数(Javascript)时崩溃
- parseInt 不起作用,从字符串中获取数字
- 当浮点部分为空时,从 JQuery 中的输入元素获取数字值不起作用
- 从名称中获取数字
- 使用 Javascript 从 html 下拉菜单中获取数字形式的值
- 从表单、计算和使用 javascript 更新 html 内容中获取数字值
- 仅从 URL 中获取数字
- JavaScript正则表达式在字符串后获取数字
- 如何根据数字的值获取数字的名称
- 使用 javascript 获取数字
- 只需要从字符串中获取数字值
- 从提示和循环中获取数字
- 从JS代码中获取数字并从中构造一个数组
- 如何在Javascript中从字符串中获取数字
- 如何从HTML表单中获取数字并将其传递给JavaScript
- 如何从哈希中获取数字
- 如何在Javascript中只获取数字