Блог

У меня есть вкладка, на которой я отображаю содержимое вкладки с левой стороны, но при обновлении текущая страница вкладки не сохраняется, вместо этого она возвращается к домашней ссылке.

Во-вторых, в tabcontent у меня есть изображения в моей базе данных Django, которые я отображал в своем шаблоне с помощью forloop, но я хочу изменить изображения через определенное время. Ниже приведен мой код для лучшего понимания..

Js

 // Sidebar functionality
  function openLinks(links){
    var i;
  var x = document.getElementsByClassName("tabcontent");
  for (i = 0; i < x.length; i  ){
    x[i].style.display = "none";

  }

    document.getElementById(links).style.display = "block";
    }

// Changing Images

 var divs = $('#men .column');
  (function cycle(){
    setTimeout(function(){
      var index = Math.floor(Math.random() * divs.length);
      divs.removeClass('active')
      .eq(index).addClass('active');
      cycle();    
    },500);
  })();
  

Мой HTML

 <div class="sidebar">
      <ul>
        <li><a href="#/home" class="tablinks" onclick="openLinks('home')">
          <span class="icon"><i class="fas fa-home" aria-hidden=True></i></span>
          <span class="title">Home</span>
        </a></li>

        <li><a href="#/men" class="tablinks" history="true" onclick="openLinks('men')">
          <span class="icon"><span class="icon"><i class="fas fa-male" aria-hidden=True></i></span>
          <span class="title">Men</span>
        </a></li>
</div>


<div id="home" class="tabcontent">
            {% for home in home %}
          <div class="column">
            <a href="{{men.get_men_absolute_url}}"><img src="{{home.pictures.url}}" style="width: 150px; height: 100px;"></a>
              </div>

  {% endfor %}
 
<div id="men" class="tabcontent" style="display: none;">
            {% for men in men %}
          <div class="column">
            <a href="{{men.get_men_absolute_url}}"><img src="{{men.men_pictures.url}}" style="width: 150px; height: 100px;"></a>
              </div>
{% endfor %}

  </div>
  

В вашем HTML-файле нет {% endfor %} в forloops. Является ли это полной причиной HTML, из-за которой Django обычно зависал бы без них на месте?