Question

jqueryでドラッグアンドドロップ機能があります。このdivタグ内にdivをドラッグ＆ドロップすると、イメージが1つとラベルが2つあります。

本部：

<div id="list_item" class="dragable"> 
        <asp:Image ID="Image1" Height="50" Width="50" ImageUrl='<%# Eval("ProfilePicture")%>' 
         runat="server" /> 
        <label id="list_item_username" class="friend_user_name"> 
         <%# Eval("FriendUserName")%> 
        </label> 
        <label id="list_item_ranknumber"> 
         <%# Eval("RankNumber")%></label> 
        <label id="list_item_rankname"> 
         <%# Eval("RankName")%></label> 
       </div> 

この私のjQuery：

$("#clan_drop").droppable({ 
    accept: ".dragable", 

    drop: function (ev, ui) { 

     UserCount++; 

     if (UserCount > 10) { 
      alert("You cannot add more users. Maximum quantity of gamers in one clan is 10"); 
     } else { 

      $("#drag_here_container").css("display", "none"); 
      var droppedItem = $(ui.draggable).clone(); 
      $(this).append(droppedItem); 
      var user = $(this).find('.friend_user_name').text(); 

      if ($.inArray(user, UsersList) > -1) { 

       $('.dragable:last').remove(); 
      } else { 

       UsersList.push(user); 
       SendUserToC(user); 
      } 
     } 
    } 
}); 

これはバグがVaRのユーザーに表示するものと火災です：

Answer 1

text()方法は、すべてのスペースを取得しますdom要素内に改行文字を追加します。あなたがそれを望まないなら、jQueryのtrimメソッドを使うことができます。

var user = $.trim($(this).find('.friend_user_name').text());