Перезагрузите страницу после повторного включения тумблера

#javascript #java #jquery #spring-mvc #toggle

#javascript #java #jquery #spring-mvc #переключение

Вопрос:

Я хочу, чтобы страница перезагружалась после переключения переключателя обратно на JSP с данными:

 <input type="checkbox" class="expander" id="toggle"
                                data-on="Portfolio" data-off="Topology" checked
                                data-toggle="toggle" data-onstyle="success">
</div>
 

Jquery:

 $(document).ready(function() {
    var count = 0;
    $('#toggle').change(function() {
        if (this.checked)
            $('#project-list-area').fadeIn('slow'),
            $('#topology').fadeOut('slow');
            count  ;
        if (count === 2)
            window.location.reload;
        else
            $('#topology').fadeIn('slow'),
            $('#project-list-area').fadeOut('slow');

    });
});
 

Ответ №1:

Вам нужно использовать скобки для вашего if и else if больше, чем на 1 строку.

Также window.location.reload() это метод, поэтому вам нужны круглые скобки.

 $(document).ready(function() {
  var count = 0;
  $('#toggle').change(function() {
      if (this.checked){
          $('#project-list-area').fadeIn('slow'),
          $('#topology').fadeOut('slow');
          count  ;
      }

      if (count === 2) 
          window.location.reload();

      else{
          $('#topology').fadeIn('slow'),
          $('#project-list-area').fadeOut('slow');
      }

  });
});
 

немного почистил, проверьте toggleFade() :

 $(document).ready(function() {
  var count = 0;

  $('#toggle').change(function() {
      if (this.checked) count  ;
      if (count === 2) window.location.reload();

      $('#topology').fadeToggle('slow'),
      $('#project-list-area').fadeToggle('slow');
  });
});
 

Ответ №2:

Пользователь if ($(this).prop(«проверено»)) вместо if (this.checked) и window .location.reload(); является методом

 $(document).ready(function () {
    var count = 0;
    $('#toggle').change(function () {
        if ($(this).prop("checked")) {
            $('#project-list-area').fadeIn('slow'),
            $('#topology').fadeOut('slow');
        }
        count  ;
        if (count === 2)
            window.location.reload();
        else {
            $('#topology').fadeIn('slow'),
            $('#project-list-area').fadeOut('slow');
        }

    });
});
 

Комментарии:

1. почему ($(this).prop(«проверено»)) вместо if (this.checked) ?