0

ここに、 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コードをレンダリングするときに星の評価は表示されませんか?

別の解決策を試しましたが、どこにエラーがあるのか​​ わかりませんか?

4

1 に答える 1

1

この行が問題です：

var star = $('#star').raty({ score: place.rating });

ID ( ) で DOM 要素を選択しようとしていますが、DOM に要素#starがありません。

starID を持つ DIV をDOMに挿入する必要があります。

于 2013-07-15T15:08:14.197 に答える