下拉菜单不关闭jquery

时间:2014-04-24 05:38:05

标签: javascript jquery html css

我尝试做的是下拉菜单,用户点击菜单中的项目会自动关闭菜单,现在如果正常工作,但因为我正在使用

  • 关闭菜单会给我带来很多问题,所以我决定改变,但它不起作用。 这是一个演示http://jsfiddle.net/nWxe6/2/

    这是有效的功能

     $("li").click(function(event)
      {
        $(this).closest("div").hide("slow"); 
    
      });
    

    但是这个没有

     $("hideM").click(function(event)
      {
        $(this).closest("div").hide("slow"); 
    
      });
    
  • 3 个答案:

    答案 0 :(得分:2)

    更改此

    $("hideM").click(function(event)
      {
        $(this).closest("div").hide("slow"); 
    
      });
    

    $("#hideM").click(function(event){
    
        $(this).closest("div").hide("slow"); 
    
      });
    

    如果您使用id作为jquery选择器,则需要加#前缀。

    <强> DEMO HERE

    答案 1 :(得分:1)

    您需要添加“#”,如下所示......

    $("#hideM").click(function(event)
      {
        $(this).closest("div").hide("slow"); 
    
      });
    

    演示: - http://jsfiddle.net/5EQzs/1/

    答案 2 :(得分:1)

    你错过了'#'。目前您正在尝试使用不存在的HTML元素“hideM”。要使用ID为“hideM”的元素,必须使用

    $("#hideM").click(function(event) {
        $(this).closest("div").hide("slow");
    });
    

    Demo