jquery - 将新组添加到列表中，然后应该可以显示气泡

 var bubble = $('.bubble');
    $('.bookmark-list').on('click', '.bookmark-link', function(e) {
        e.preventDefault();
        addBookmarkItem($(this));
    });

的HTML

<div class="bookmark-list">
<div>
<a class="bookmark-link active" href="">
  test
  <span class="count">
    1
  </span>
</a>
</div>

//below new created bookmark group
<div>
  <a class="bookmark-link" href="">
    test
    <span class="count">
      0
    </span>
  </a>
  </div>
</div>
<div class="actions">
<a href="javascript:void(0);" class="add" data-dismiss="modal" aria-hidden="true">Save</a>
</div>

尝试仅在未选中书签链接的情况下显示气泡（按激活的含义是计数数大于0时被选中）。但是问题是，在模式上时，在输入中键入“ example”并添加它，然后仅在单击该“ example”时才会显示气泡反弹
如果书签链接被打勾，如何防止气泡显示？

更新

 var count = $('.bookmark-link').find('.count').data('count');
if (count > 0) {
    bubble.hide;
} else {
    bubble.show();
    bubble.addClass('bounce');
}

想到了这一点。它似乎正在工作，但不确定是否正确

最佳答案

$('.bookmark-list').on('click', '.bookmark-link', function(e) {
    e.preventDefault();
    addBookmarkItem($(this));
   if ($('.bookmark-link.active').children('.count').text()>0) {
        bubble.hide();
        bubble.removeClass('bounce');
        return;
   }else{
        bubble.show();
        bubble.addClass('bounce');
    }

});

我不知道您是否也要添加书签，但是应该这样做。它检查对应的计数，并且仅在小于1时显示气泡。

编辑：将addBookmark放置在所需位置，具体取决于您是否要添加书签。

编辑：添加此选项可显示带有保存参数的气泡：

$('a.add').on('click', function(){
    if ($('.bookmark-link.active').children('.count').text()>0) {
        bubble.hide();
        bubble.removeClass('bounce');
   }else{
        bubble.show();
        bubble.addClass('bounce');
    }
}

当您单击“保存”时，如果任何书签链接具有活动的类并且计数大于0，则它将隐藏气泡，否则将显示气泡。

编辑引导模态：

$('#id of modal').on('hidden.bs.modal', function(e){
    if ($('.bookmark-link.active').children('.count').text()>0) {
        bubble.hide();
        bubble.removeClass('bounce');
   }else{
        bubble.show();
        bubble.addClass('bounce');
   }
}

我们可以将显示气泡绑定到引导程序模式关闭而不是添加按钮。

关于jquery - 将新组添加到列表中，然后应该可以显示气泡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24666668/