3

我正在为一个网站使用 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 Demo

4

1 回答 1

0

如果未选中，则无法隔离部分文本。你需要一种方法来瞄准它。

jsFiddle在这里

这可以实现您想要实现的目标。它有效地隐藏了百分比，但显示了名称。

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;
}
于 2013-10-17T22:18:16.347 回答