Jquery 将新组添加到列表中,然后它应该能够显示气泡

Jquery 将新组添加到列表中,然后它应该能够显示气泡,jquery,Jquery,HTML 我想到了这个。它似乎在工作,但不确定它是否正确 var count = $('.bookmark-link').find('.count').data('count'); if (count > 0) { bubble.hide; } else { bubble.show(); bubble.addClass('bounce'); } 我不知道你是否也想添加书签,但这应该可以。它检查响应计数,只有小于1时才会显示气泡 编辑:将addBookmark放在

HTML

我想到了这个。它似乎在工作,但不确定它是否正确

 var count = $('.bookmark-link').find('.count').data('count');
if (count > 0) {
    bubble.hide;
} else {
    bubble.show();
    bubble.addClass('bounce');
}
我不知道你是否也想添加书签,但这应该可以。它检查响应计数,只有小于1时才会显示气泡

编辑:将addBookmark放在您想要的位置,具体取决于您是否要在单击时添加书签

编辑:添加此选项可在保存参数时显示气泡:

$('.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');
    }

});
单击“保存”时,如果任何书签链接具有活动类且计数大于0,则它将隐藏气泡,否则将显示气泡

编辑引导模式:

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

我们可以将显示气泡连接到引导模式关闭中,而不是添加按钮。

如果添加书签,不知道您的代码是否应该位于添加书签功能中?是否可以工作?是否有办法延迟气泡显示?delay()?@joe-那就行了,或者设置超时,它还在等什么?如果是
addBookmarkItem
返回,则可以将代码的内部部分放入ajax的返回中。如果您发布ajax,我们可以找到最佳位置。是的,当单击AddBTN时,需要几秒钟才能关闭模式覆盖。我不希望气泡在单击添加btn时同时显示关闭模式。setTimeout应该设置为气泡本身在模态关闭几秒钟后显示?好吧,您可以将代码放入ajax返回中,但是如果您想超时,只需执行:
$('a.add').on('click',function(){if($('.bookmark link.active')。children('.count').text()>0{bubble.hide();bubble.removeClass('bounce');}else{setTimeout(function()){bubble.show();bubble.addClass('bounce');},2000);}
这将延迟它2秒(2000毫秒),如果它对您有效,那么这是一种正确的方法。:)您需要检查是否处于活动状态吗?@Mike-yes需要检查它是否尚未添加或处于活动状态。但我尝试了,但当添加addBookmark时它不会工作?始终,或仅一次?您可以使用
$(this).hasClass('active')
排除元素。或者使用jquery not:active选择器。如
$('bookmark-list')。not('.active')).on…
@Mike-谢谢。只有当单击我们通过输入创建的书签列表时,才会使用addBookmark。如果hasClass('active'),它不会知道我们是否单击addBookmark?不,它仍然会知道您当前的代码。但是在上的
中,您可以根据您想要执行的操作进行检查,即
如果($this)。hasClass('.active'){bubble.hide()}其他{做其他事情}
$('.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');
    }

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