基础5：从TopBar下拉锚调用JS函数 也许我在这里很笨，但我不知道如何用JavaScript函数来响应基础5的TopBar下拉选择。我想为我使用的库选择一个主题。要设置主题，我需要调用一个js函数

我得到的是：

<div class="fixed">
<nav class="top-bar" data-topbar role="navigation">
    <section class="top-bar-section">
        <!-- Right Nav Section -->
    <ul class="right">
        <li class="has-dropdown">
            <a href="#">Theme</a>
            <ul class="dropdown" id="theme-dropdown">
                <li><a href="#">Light</a></li>
                <li><a href="#">Dark</a></li>
            </ul>
        </li>
    </ul>
    </section>
</nav>
</div>

这些当然包含在topbar中，等等，topbar上的下拉菜单在基本HTML模式下非常有用

我正在努力解决的问题是，如何让这两个元素的浅主题和暗主题在被单击时调用我的JavaScript函数setThemeName

---

我似乎找不到有人想从顶栏而不是URL调用js的例子。

看起来你没有使用JavaScript框架？如果是，您应该研究该框架如何帮助您处理事件。否则，以下是一些想法：

一,。onclick属性

只要setTheme函数是全局定义的，就可以从列表项的onclick属性中调用它

var span=document.querySelector'span'； 函数集主题名{ span.innerText=主题名； } 光 黑暗的

---

选择主题：没有< P>这是一个愚蠢的错误在我的部分，因为我没有初始化基金会JS这个……/P>

<script>
    $(document).foundation();
</script>

---

一旦我这样做了，@sdgluck给出的解决方案就非常有用。

谢谢您的快速回复。我想说的是，我试过你的1，但它不起作用。不过，我会再试一次。我想知道在Buff.M.js中有什么能阻止OnLeCK吗？@ WAR，我已经修改了帖子包含例子。如你所见，它们都很好用-我又试了一次，但它没有像上面显示的那样工作。我只能认为基金会阻碍了我的发展。下面是使用Soundation的示例的jsFoDLE：如在JSFiddle上的第一个示例中，尝试在窗口上定义函数：WiDOW.StEngest=函数{…}。