我正在与WP Easy Poll插件一起在一个网站上工作,在那里人们会投票给不同类别的提名人。使用此WP Easy Poll插件时,单击“被提名者的姓名”,然后对动画条进行动画处理,并向您显示票数,或者可以选择显示所计票数的百分比。这是通过jquery和PHP完成的。
我希望人们能够在线投票,但是我不希望他们在颁奖之前看看谁的胜利。因此,我认为一个简单的解决方法是使用属性选择器隐藏投票数,但是当我这样做时,它将同时隐藏被提名人的姓名和投票。我不能只选一个-有人可以帮忙吗?我尝试了一切:(
这是我尝试用来隐藏Dikla Carmel旁边的“ 20%”的选择器:
div[data-myo-perc="yes"]{display:none;}
<div data-myo-poll-id="334" data-myo-clicked="yes" data-myo-option="0" data-myo-perc="yes" class="myo-poll-votes myo-poll-334 myo-poll-bar" id="myo-poll-334-votes-0" style="cursor: default;">Dikla Carmel 20%</div>
这没有用。它将同时删除被提名人的姓名和“ 20%”。我所要做的就是将“ 20%”隐藏起来,直到颁奖典礼的第二天为止,然后选民可以上网查看获胜者获得了多少钱。名称的属性为id =“ myo-poll-340-votes-1”,因此我不明白为什么选择名称和百分比。我已经尝试了一切。。。
div[data-myo-perc*="yes"]{display:none;} ---> No good
div[data-myo-perc^="yes"]{display:none;} ---> No good
div[data-myo-perc~="yes"]{display:none;} ---> No good
div[data-myo-perc$="yes"]{display:none;} ---> No good
我正在尝试为客户执行此操作-但是现在我开始感到困惑,并且我的想法已经用完了。有人可以帮忙吗?我看了看js。和CSS。文件,什么也没有。
您可以在此处查看插件的演示-> WP Polling Link演示
如果未选中部分文本,则无法隔离。您需要一种针对它的方法。
这就是您要实现的目标。它有效地隐藏了百分比,但仍显示名称。
的HTML
<div data-myo-poll-id="334" data-myo-clicked="yes" data-myo-option="0" data-myo-perc="yes" class="myo-poll-votes myo-poll-334 myo-poll-bar" id="myo-poll-334-votes-0" style="cursor: default;">Dikla Carmel<span>20%</span></div>
的CSS
div[data-myo-perc="yes"] span {
display: none;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句