Javascript 如何隐藏Sharre插件中的总共享数?
我正在使用jQuery显示总计 我试图隐藏计数器,不让它显示总数是否少于100股。这是我的演示: 代码如下: HTML Javascript 它有两个问题: 如果计数>100,则会显示计数,但当您将鼠标悬停在计数上时,计数将消失 如果计数<100,则仍会显示计数Javascript 如何隐藏Sharre插件中的总共享数?,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我正在使用jQuery显示总计 我试图隐藏计数器,不让它显示总数是否少于100股。这是我的演示: 代码如下: HTML Javascript 它有两个问题: 如果计数>100,则会显示计数,但当您将鼠标悬停在计数上时,计数将消失 如果计数
有人能指引我吗。我卡住了。你的计数不正确。API指定的方式是您必须通过选项来完成。另外,我认为您希望在加载时执行此操作,因此我将事件更改为渲染。希望有帮助
render: function(api, options){
var count = options.count.facebook + options.count.googlePlus + options.count.twitter;
if(count < 100 ) {
$(api.element).find('.count').hide();
}
所以,看看这个更新的小提琴,你就会明白
你想让它在页面加载时隐藏吗?计数仍然会出现一小部分秒,然后就不可见了。是什么原因造成的?@LittleLebowski我相信这是因为函数是在对象渲染后执行的。因此,它将首先呈现,然后执行代码。你可以反其道而行之,并用css将其隐藏起来,如果计数超过某个数量,你就可以显示该数量。再一次,它将是在渲染之后。
$('#demo1').sharrre({
share: {
googlePlus: true,
facebook: true,
twitter: true
},
hide: function(api, options){
var count = $(api.element).find('.count').val();
if(count < 100 ) {
$(api.element).find('.count').hide();
}
},
enableHover: false
});
render: function(api, options){
var count = options.count.facebook + options.count.googlePlus + options.count.twitter;
if(count < 100 ) {
$(api.element).find('.count').hide();
}