Question

我有以下功能，执行以下操作：

隐藏div
单击选中选项时显示div
单击按钮时隐藏div。

最后一个功能由于某种原因不起作用。 div不会再次隐藏。

$(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();
});
});

Answer 1

对于最后一个函数，请尝试以下方法：

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

Answer 2

$(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();
    });
});

最后一个函数没有隐藏jquery中的div

2 个答案: