Javascript onClick下拉菜单响应网站

我正在努力使我的网站具有响应性，因此我需要一个合适的移动视图菜单。 所以我给自己买了一个按钮，只有当我在480px或更低的时候才会弹出，这很好。但问题是： 让菜单下拉不起作用。我所需要的只是一个简单的下拉菜单，但我无法使它工作

jQuery链接：

 <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

jQuery：

$(function(){$("#mobimenu").on('click', function() {
   $("#mobidrop").show();
});

---

jQuery代码中缺少一些右引号/括号

应该是

$(function(){
    $("#mobimenu").on('click', function() {
      $("#mobidrop").show();
   });
});

演示

---

使窗口变小，以便您可以看到移动版本

您缺少关闭}；有些像wordpress这样的平台需要jQuery而不是$@Shikez，你是在本地运行它吗？从您的磁盘，而不是从web服务器？目前在本地，但如果需要，我可以临时放置它online@Shikez如果使用local，您的意思是只在浏览器中打开html文件，那么您必须将http:添加到jquery的脚本和css URL中，否则它们将不包括在内。。你应该检查你的控制台是否有错误，以确保代码运行正确。哦，我试试看

$(function(){$("#mobimenu").on('click', function() {
   $("#mobidrop").show();
});

$(function(){
    $("#mobimenu").on('click', function() {
      $("#mobidrop").show();
   });
});