Question

我想将我在m网站上的当前CSS菜单转换为带有下拉链接的菜单。我怎样才能以最简单的方式做到这一点？我的网站是：mycoincollection.net

谢谢！

Answer 1

所以你使用jQuery脚本而不包含jQuery库。修正了它：

这里还删除了错误的修复脚本：

$(function() {
  var pull = $('#pull'),
      menu = $('nav ul'),
      menuHeight = menu.height();

  pull.on('click', function(e) {
    e.preventDefault();
    menu.slideToggle();
  });

  $(window).resize(function(){
    var w = $(this).width();
    if(w > 320 && menu.is(':hidden')) {
      menu.removeAttr('style');
    }
  }); 

});

（请注意，如果pull已经是jQuery对象$('#pull')，则无需像$(pull).on(那样将其再次包装到其中 - 只需使用pull.on(

所以基本上，在结束</body>标记之前，您应该首先使用jQuery：

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>

而不是你的脚本

<script>
     /* your JS or jQuery code  here*/
</script>

最后

</body>

Answer 2

此代码允许您创建html下拉列表。

<form>

<input list="items" name="item">
<datalist id="items">
  <option value="Item 1">
  <option value="Item 2">
  <option value="Item 3">
  <option value="Item 4">
  <option value="Item 5">
</datalist>
</form>

将常规CSS菜单转换为下拉菜单

2 个答案: