jQuery toggle仅参与第二次双击

如何解决jQuery toggle仅参与第二次双击

我希望能够双击我的图标，并使其切换为用户喜欢帖子。我添加了jQuery切换功能，但只有在第二次双击后才能使用。之后，它就可以了。我想问我可能会缺少什么。

$(document).on('dblclick','.likeButton',function() {
  $('.likes span').text('Andrew').toggle();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="likeBar">
        <ul>
          <li class="heart">
            <i class="likeButton fas fa-heart fa-lg"></i>
          </li>
          <li class="likes">
            <span></span>
  
          </li>
          <li class="moreInfo">
            <i class="fas fa-ellipsis-h fa-lg"></i>
          </li>
        </ul>
      </div>

解决方法

您可以将您的jquery代码更改为此。在此代码中，我使用“ if”代替切换。

$(document).on('dblclick','.likeButton',function() {
    if($('.likes span').text() == '')
        $('.likes span').text('Andrew');
    else
        $('.likes span').text('');
})

对我有用。