公开课下拉菜单里是空白的，只有公开课

Question

前端页面把鼠标放在向下箭头上，会出现一个空白框

把鼠标放在空白框位置时会显示公开课

检查页面元素里，三个

也都在

<div class="searchbox fr">
                            <div class="selectContainer fl">
                            <span class="selectOption" id="jsSelectOption" data-value="{% if s_type %}{{ s_type }}{% else %}course{% endif %}">
                                公开课
                            </span>
                                <ul class="selectMenu" id="jsSelectMenu">
                                    <li data-value="course">公开课</li>
                                    <li data-value="org">课程机构</li>
                                    <li data-value="teacher">授课老师</li>
                                </ul>
                            </div>
                            <input id="search_keywords" class="fl" type="text" value="{{ keywords }}" placeholder="请输入搜索内容"/>
                            <img class="search_btn fr" id="jsSearchBtn" src="{% static 'images/search_btn.png' %}"/>
                        </div>

Answer 1

提问者 So_ne 2020-06-24 09:16:46

刚进入页面查看console的报错

悬停时候的截屏

• bobby #1

  你留下qq 我加你看看 https://git.imooc.com/coding-368/resources/src/master/MxOnline 也可以拷贝我这里对应的template中的源码试试

• 提问者 So_ne 回复 bobby #2

  361625361

• 提问者 So_ne 回复 bobby #3

  我拷贝了base.html源码，结果还是一样的。
  遇到这个问题不知道从哪里入手，检查了html代码没有问题，css和js除了课程里需要修改的部分，其他地方没有更改过。

点开查看后面2条评论

Answer 2

提问者 So_ne 2020-06-23 14:58:49

首页代码截图

这个在公开课页面停留在<li>标签显示的效果

• bobby #1

  看起来html没有问题 接下来打开console 然后鼠标悬停看看console中是否有异常信息

• 提问者 So_ne 回复 bobby #2

  刚进入页面的时候console会有一个报错。把鼠标悬停的时候没有异常信息。

Answer 3

bobby 2020-06-23 13:22:25

你是哪个html出现了这个问题？ 或者你直接在当前页面f12 看看生成的html 截图我看看 或者鼠标放上去看看console中是否有报错？

• 提问者 So_ne #1

  所有页面都是这个问题
  我的想法是base页面出的问题，对过源码div class="searchbox fr"，没找到问题，另外console没有报错。