Question

我使用onclick功能在我的移动网站上下载一个简单的列表，但它无法正常工作 - 代码如下。奇怪的是，我在其旁边有一些其他格式完全相同的东西，并且工作正常（当然，所有内容都不同）。

显然＆＃34; show3＆＃34;因为我可以改变＆＃34; display：none;＆＃34;到＆＃34;显示：块＆＃34;在.incoming-listc中它显示正常。但是，当我点击＆＃34; Incoming＆＃34;跨度，没有任何反应！

HTML：

<div class="mobile-incoming">
<span onclick="myFunction3()">Incoming <i class="fa fa-angle-down"></i></span>
<div id="incoming-list" class="incoming-listc">
    Updated 5.4.16<br>Goodall RCJ EIR/Adirondack<br>2008 Martin 000-18 Authentic
</div>
</div>

<script>
    function myFunction3() {
        document.getElementById("incoming-list").classList.toggle("show3");
    }
</script>

CSS：

.mobile-incoming {
position: fixed;
top: 0;
right: 60px;
cursor: pointer;
text-align: right;
line-height: 44px;
font-family: "Helvetica Neue", Verdana;
font-size: 0.8em;
font-weight: 200;
color: white;
}

.incoming-listc {
display: none;
position: fixed;
top: 45px;
right: 0;
left: 0;
background: rgba(70, 70, 70, 0.9);
border-bottom: 1px solid white;
}

.show3 {
    display: block;
}

Answer 1

好的，想通了。以防万一有人在以后遇到类似的问题。我的样式表中的CSS实际上与我粘贴给你们的样式不同。一旦我将“show3”课程放在其他两个课程之后，它就神奇地开始工作了。不知道这些课程的顺序很重要！

Onclick功能在<span>中无效？

1 个答案: