末功能的jQuery

没有隐瞒的div下面我有一个功能做到以下几点：末功能的jQuery

隐藏的div被点击所选的选项时
显示的div
隐藏的div时按钮被点击。

最后一个函数由于某种原因不起作用。 divs不会再隐藏。

$(function() { 
    $("#event").hide(); 
    $("#events").hide(); 
    $("#myselect select").change(function() { 
    var $selected = $('#myselect select option:selected'); 
    if (!$selected.hasClass('added')) { 
    $('<li />', { 
     'data-value': $selected.val(), 
     text: $selected.text() 
     }).appendTo('#events'); 
     $selected.addClass('added') 
    } 
    $("#event").show(); 
    $("#events").show(); 
    }); 
}); 

$(function() { 
    $("#promo").hide(); 
    $("#promos").hide(); 
    $("#myselect2 select").change(function() { 
    var $selected = $('#myselect2 select option:selected'); 
    if (!$selected.hasClass('added')) { 
     $('<li />', { 
     'data-value': $selected.val(), 
     text: $selected.text() 
     }).appendTo('#promos'); 
     $selected.addClass('added') 
    } 
    $("#promo").show(); 
    $("#promos").show(); 
    }); 
}); 

$(function() { 
$('#grab1').click(function) { 
$('#promo').hide(); 
$('#promos').hide(); 
}); 
});

来源

2014-09-26 Bobby

请你拨弄query..thanks – Tushar 2014-09-26 07:06:22

肯定，给我一点时间请 – Bobby 2014-09-26 07:08:18

你可以用一个范围内的所有代码'$（function（）{}）'block.also请删除codeigniter标签。 – Himal 2014-09-26 07:16:44

为了最后的功能，尝试这样的事情：

$(function() { 
    $('#grab1').click(function() { 
    $('#promo').hide(); 
    $('#promos').hide(); 
    }) 
});

来源

2014-09-26 07:21:56 brybott

，这与操作代码有什么不同？ – Pinoniq 2014-09-26 07:23:59

谢谢，但那并没有解决问题。 – Bobby 2014-09-26 07:24:32

这里是小提琴jsfiddle.net/qrqapz38/1 – Bobby 2014-09-26 07:25:33

$(function() { 
    $("#event").hide(); 
     $("#events").hide(); 
     $("#promo").hide(); 
     $("#promos").hide(); 

     $("#myselect select").change(function() { 
     var $selected = $('#myselect select option:selected'); 
     if (!$selected.hasClass('added')) { 
     $('<li />', { 
      'data-value': $selected.val(), 
      text: $selected.text() 
      }).appendTo('#events'); 
      $selected.addClass('added') 
     } 
     $("#event").show(); 
     $("#events").show(); 
     }); 

     $("#myselect2 select").change(function() { 
     var $selected = $('#myselect2 select option:selected'); 
     if (!$selected.hasClass('added')) { 
      $('<li />', { 
      'data-value': $selected.val(), 
      text: $selected.text() 
      }).appendTo('#promos'); 
      $selected.addClass('added') 
     } 
     $("#promo").show(); 
     $("#promos").show(); 
     }); 

    $("#grab1").click(function(){ 
     $("#event").hide(); 
     $("#events").hide(); 
    }); 

    $("#grab2").click(function(){ 
     $("#promos").hide(); 
     $("#promo").hide(); 
    }); 
});

来源

2014-09-26 08:47:54

末功能的jQuery

回答

相关问题