同一頁面上的多個表情符號插件

Question

我有一個插件（ EmojiRating ），我用來執行 jquery 表情符號評級。

我試圖將它放在一個asp:DataList以便它會重復每個項目。

    <asp:DataList ID="dtl1" runat="server" DataKeyField="QId"   RepeatLayout="Flow" OnItemDataBound="dtlQuestions_ItemDataBound">

                <ItemTemplate>
                    <li>
                         <div class="emoji-div" id='<%# Eval("QuestionId") %>'></div>
<asp:HiddenField ID="hdfResponse" ClientIDMode="Static" runat="server" />
      </li>
                </ItemTemplate>

            </asp:DataList>

JS

 $(".emoji-div").emoji({

                callback: function (event, value) {
                    alert('Current: ' + value);
                }
            });

由於我使用了 class (emoji-div)，所有評分插件都將獲得與我評分相同的值。

如何為 datalist 的每個項目調用$(".emoji-div").emoji()函數並在每個隱藏字段中記錄評分值以在 c# 中獲取它。

Answer 1

使用 each 循環遍歷每個項目

$(".emoji-div").each(function(i,v) {
   $(v).emoji({
                callback: function (event, value) {
                    alert('Current: ' + value);
                     $(".emoji-div").each(function(i,v) {
                          var val = $(v).attr('value');
                          $(v).next('input').val(val);
                      });
                }
            });
})