Как скрыть элементы после нажатия кнопки в javascript

Question

Я не могу скрыть список при нажатии кнопки на частичном представлении. Это то, что я пытаюсь сделать. Но следующий код ничего не делает. Может кто-нибудь, пожалуйста, помогите мне с этим. Благодаря

<script>  
    $(document).ready(function() { 
     $('#resultBtn').onclick(function (e) { 
      e.preventDefault(); 
      $('#List').hide(); 
      commit(); 
     }) 
     }); 
</script> 

Answer 1

Мы, возможно, потребуется JSFiddle, сценарий, кажется, хорошо, но я предполагаю, что проблема возникает из кода HTML5 на самом деле. В любом случае, вот некоторые советы, которые могут помочь.

#resultBtn написан на camelCase, поэтому #List должно быть #list. Кроме того, если у вас возникли проблемы, попробуйте console.log('something') в функции обратного вызова щелчка, чтобы узнать, произошло ли что-то.

О, Я, наконец, заметил проблему, вы должны легко найти ее, если вы откроете консоль своего браузера. Вы не можете сделать onclick() на элементе jQuery, это всего лишь click. Хорошая привычка может использовать Отредактируйтеon()(или bind()), вы можете найти его полезным когда-нибудь.

$(function() { 
    $('#resultBtn').on('click', function(e) { 
     e.preventDefault(); 
     $('#list').hide(); 
     commit(); 
    }); 
}); 

Надеюсь, это помогло!

Answer 2

Вы можете установить дисплей свойство никому скрыть элемент

$(document).ready(function() { 
      $('#resultBtn').onclick(function (e) { 
       e.preventDefault(); 
       $('#List').css('display','none'); //<--- like here 
       commit(); 
      }) 
      }); 

Answer 3

сделать элемент невидимым, но относиться к нему, как будто он все еще там:

document.getElementById("resultBtn").onclick = function() { 
document.getElementById("List").style.visibility = "hidden"; 
return false; 
} 

Скрыть элемент и относиться к нему, как будто он не существует:

document.getElementById("resultBtn").onclick = function() { 
document.getElementById("List").style.display = "none"; 
return false; 
}