Менять цвет статьи, выбранной в меню Blogger

Я продолжил некоторые из примеров этого post, но оно не функционировало в Blogger, в момент унифицированный указатель ресурса сменил подушечку (#) на одну.

Я ввел следующее в <head> документа.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

Кроме того, я ввел HTML в gatget:

<div id="main">
<ul>
    <li><a id="inicio" href="http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

Я все остальное оставил как дела.

С другой стороны, следующий рукописный шрифт, также я это ввел внутри head:

$(function() {
  $("#main ul li a").click(function() {
    // quitar .seleccionado a todos (por si hay alguno)
    $("#main ul li a").removeClass("seleccionado");
    // agregar seleccionado a "este" elemento.
    $(this).addClass("seleccionado");
  });
});

Я использую этот blog, чтобы пытаться: http://bpbmsm.blogspot.pe/

1
задан 13.04.2017, 16:00
0 ответов

То, за чем оно последует, состоит, в том, что щелкнув ссылку, ты возобновляешь осадное положение, а следовательно любое реализованное изменение теряется, существуют два способа предотвращать потерю осадного положения и - следующие

  1. Умозаключение возможное через какой-то метод знать предыдущий éstado.
  2. Показывать ему в браузер, что я сохранял состояние (Куки-файлы, LocalStorage, Сессион Сторахе, и т.д.)

В этом случае, поскольку ссылки пересылают в тот же сайт, возможно использовать умозаключение.

HTML

<div id="main">
<ul>
    <li><a id="inicio" href="http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

и ты добавляешь следующий рукописный шрифт

$(document).ready(function(){
  var menu_entries = $('#main li a');
  menu_entries.each(function(){
    if(this.href==window.location.href){
      $(this.parentElement).addClass('active');
    }
  });
});

Рукописным шрифтом то, что он делает, состоит в том, что он сравнивает настоящий адрес сайта, и если он равен адресу какой-то ссылки, тогда он добавит ему, что класс "включил" в элемент <li>, а следовательно ты можешь настраивать легко активный элемент с CSS

#main li.active { 
  background-color : red  /*elemento activo */
}


#main li{ 
  background-color : blue /* elemento normal */
}
0
ответ дан 03.12.2019, 17:40
  • 1
    Спасибо за ответ, Eduen, но оно не функционирует. –  16.01.2017, 19:49
  • 2
    в html, который ты выставил сначала, html использует идентификатора main, но в твоем сайте ты используешь menu, я вижу, что ты изменил css верно, но ты olvidó делать то же самое в có я говорю var menu_entries = $('#menu li a'); –  17.01.2017, 15:26
  • 3
    В blog, у как рукописного шрифта, так и HTML есть идентификатор ' menu'. И aú n así останься, не функционируя.:/¿ Ты веришь в то, что адреса унифицированный указатель ресурса относительные были проблемой? А именно, я не использую внешние ссылки. –  17.01.2017, 23:07
  • 4
    Probablemnte, có говорит probé с firefox интегрируя прямо рукописный шрифт, и có я говорю, что оно функционирует как deberí в. –  19.01.2017, 18:12
  • 5
    ¿ Существуй algú n mé все, чтобы прибывать в то, что я хочу? –  19.01.2017, 18:42

Теги

Похожие вопросы