Python safari中的下拉菜单不显示下拉项

Python safari中的下拉菜单不显示下拉项,python,css,django,Python,Css,Django,我的下拉菜单适用于Chrome(桌面和移动)和Firefox(桌面和移动),但似乎不适用于Safari(桌面)和Chrome(平板电脑) 下面是在Chrome上工作的样子 下面是它在狩猎中的样子 HTML: 看起来您的标记应该是 试试这个: <div class="dropdown-menu" id="plat-form-options"> {% for platform in game.platform.all %} <a href="#" class="

我的下拉菜单适用于Chrome(桌面和移动)和Firefox(桌面和移动),但似乎不适用于Safari(桌面)和Chrome(平板电脑)

下面是在Chrome上工作的样子

下面是它在狩猎中的样子

HTML:

看起来您的
标记应该是

试试这个:

<div class="dropdown-menu" id="plat-form-options">
  {% for platform in game.platform.all %}
      <a href="#" class="dropdown-item" value="{{ platform.id }}"
              onclick="platFormSelect('{% url 'title-updates-ajax' slug=game.slug platform_id=platform.id %}', '{{ platform }}')">{{ platform }}</a>
  {% endfor %}
</div>

{game.platform.all%中平台的%s}
{%endfor%}

你让我看到了正确的方向。我必须将选项标记更改为a标记。如果你更新你的答案,我会把它标记为正确答案。谢谢你,伙计。
 $(document).ready(function () {
            if ($("#plat-form-options option").length > 0) {
                $("#plat-form-options option")[0].click();
            }

        });


        function platFormSelect(url, platform) {
            $('#platform').text(platform);


            $.get(url, function (response) {
                        $('#updates_data').html(response);

                    })
                    .done(function () {

                    })
                    .fail(function () {

                    });

        }
<div class="dropdown-menu" id="plat-form-options">
  {% for platform in game.platform.all %}
      <a href="#" class="dropdown-item" value="{{ platform.id }}"
              onclick="platFormSelect('{% url 'title-updates-ajax' slug=game.slug platform_id=platform.id %}', '{{ platform }}')">{{ platform }}</a>
  {% endfor %}
</div>