Question

首先，如果问题的格式不正确，我会道歉（我将发布一个JSFiddle链接）。

这是HTML：

         <nav>
          <ul>
            <li><a href="#">Climate Models</a>
                <ul>
                  <li><a href="#">GFDL</a></li>
                  <li><a href="#">CGCM3</a></li>
                  <li><a href="#">CCSM</a></li>
                </ul>
            </li>
              <li id="about"><a href="#">About Data</a></li>
               <li><a href="#">Contact US</a></li>
          </ul>
        </nav>
<div id="overlay"></div>
<div id="popupabout">
    <a href="#" Id="CloseBtn">X</a>
    <br>Data</br>
</div>

以下是链接：http://jsfiddle.net/n3fUV/3/

HTML代码包含一个带有下拉菜单的导航栏。 CSS包含菜单的样式和一些我试图合并的弹出框的样式（它还包括用于自定义样式按钮的CSS）。 JS包含我认为正确的功能，允许我点击＆＃34;关于我们＆＃34;列表项目＆amp;让它处理开放和关闭弹出框。

我的问题是：是否可以使列表项可点击？如果有，我不知道如何利用它;我担心如果必须制作元素以便让它工作，我必须重新为导航栏完成所有样式。

对不起，如果我做了一个糟糕的工作来解释这一点，因为我对网页设计一般都是新手。如果你不理解某些事情，我会尝试尽可能地重新解释它。我很欣赏任何＆amp;一切都有帮助。

Answer 1

代码是正确的，但你必须选择“没有包装”。您可以在＆＃34;框架和扩展程序＆＃34;下找到它，它是下载框中的＆＃39; onLoad＆＃39;被选中。

<强> 修改您已选择＆＃39; onLoad＆＃39;所以不需要HTML下的这一行：

<body onload="initialize()">

并且不要设置window.onload函数。

JSFiddle: http://jsfiddle.net/n3fUV/6/

使列表项可单击/执行弹出框的JS功能

1 个答案: