javascript - 多个 rateYo 'load' 和 'change'

问题描述

我正在使用 ASP.NET CORE 开发网站并使用 rateYo 脚本。

如何以最好的方式做多个 rateyo 加载和更改事件。

我在下面的代码需要比它更好的代码，因为它创建了多个脚本

    <form id="skillRatingForm" onsubmit="return false;">
        <a>Bla bla</a>
        <br/>
        <br/>
        <fieldset>
            <div class="form-group col-md-12">
                @{
                    for (int i = 0; i < Model.SkillsList.Count; i++)
                    {
                        <div class="row form-group col-md-6">
                            <div>
                                <label>@Model.SkillsList[i].Name</label>
                                <div id="rateLanguage_@i"></div>
                                <input id="rateLanguageScore_@i" type="hidden" asp-for="@Model.SkillsList[i].Rate" />
                                <input type="hidden" asp-for="@Model.SkillsList[i].SkillId" />
                                <input type="hidden" asp-for="@Model.SkillsList[i].Id" />
                            </div>
                            <hr/>
                        </div>
                    }

                }
            </div>
            <input type="hidden" asp-for="@Model.ResumeId" />
            <div class="buttons pull-right ">
                <input type="submit" class="width-s btn btn-success" onclick="postModal('skillRatingForm', '@Url.Action("RatingSkillPartial", "ResumePartials")', 'skillInfo')" value="Kaydet"/>
                <input type="submit" class="width-c btn btn-danger" data-dismiss="modal" value="İptal"/>
            </div>
        </fieldset>
    </form>
</div>

<script>
    @for (int i = 0; i < @Model.SkillsList.Count; i++)
    {
        string modelRating = Model.SkillsList[i].Rate >= 0 ? @Model.SkillsList[i].Rate.ToString("") : "0";
        <text>
            $("#rateLanguage_@i").rateYo({
                rating: @modelRating
            });
            $("#rateLanguageScore_@i").val(@modelRating);
            $("#rateLanguage_@i").rateYo().on("rateyo.change",
                function (e, data) {
                    var rating = data.rating;
                    $("#rateLanguageScore_@i").val(rating);
                });
        </text>
        }
</script>

标签： javascriptjqueryasp.netasp.net-corerateyo

javascript - 多个 rateYo 'load' 和 'change'

问题描述

解决方案

推荐阅读