python - 隐藏了四分之一的单选按钮

Question

我有四组单选按钮，每组都包含在一个名为“choiceSet”的 div 中。在 Windows 版 Firefox 上，我看到所有四组单选按钮。我的同事在 firefox 中只看到三套。我们俩都只看到了 3/4 的 chrome 集。在 Linux 中，无论浏览器如何，我都看不到令人讨厌的单选按钮集。

有什么想法吗？每当我在 Python 中遇到这样的问题时，就会发现我使用了某个东西的保留字。

html 在这里: https://github.com/melvyniandrag/SentimentLabeler/blob/master/mysite/polls/templates/polls/detail.html

这是有问题的 html/django:

<div class="choiceSet">
    <h3>Ad?</h3>
    {% for advertisement in question.advertisement_set.all %}
        {% if 'not' in advertisement.ad_text %}
            <input type="radio" name="advertisement" id="advertisement{{ forloop.counter }}" value="{{ advertisement.id }}" checked/>
        {% endif %}
        {% if 'not' not in advertisement.ad_text %}
            <input type="radio" name="advertisement" id="advertisement{{ forloop.counter }}" value="{{ advertisement.id }}" />
        {% endif %}
        <label for="advertisement{{ forloop.counter }}">{{ advertisement.ad_text }}</label><br />
    {% endfor %}
</div>

变成:

<div class="choiceSet"> 
    <h3>Ad?</h3>
    <input type="radio" class="radiobutton" name="advertisement" id="advertisement1" value="17" />
    <label for="advertisement1">advertisement</label><br />
    <input type="radio" class="radiobutton" name="advertisement" id="advertisement2" value="18" checked/>
    <label for="advertisement2">not advertisement</label><br />
</div>

CSS在这里:<a href="https://github.com/melvyniandrag/SentimentLabeler/blob/master/mysite/polls/static/polls/detail.css" rel="noreferrer noopener nofollow">https://github.com/melvyniandrag/SentimentLabeler/blob/master/mysite/polls/static/polls/detail.css</a>

如果你

git clone https://github.com/melvyniandrag/SentimentLabeler.git
cd mysite
python manage.py runserver
open 127.0.0.1:8000
login a/password

你会发现问题所在。

Answer 1

这很有趣:)

我能够重现这个。问题是第二个 choiceSet 有 id 为“advertisement*”的单选按钮，这会触发 chrome 中的 AdBlockPlus 插件并自动隐藏该 div，从而产生误报!

这是一个小证明:

解决方案是将 id 的值更改为“adv-mnt1”之类的值