как определить, активна ли какая-либо из ссылок в списке. и применить класс CSS к родителям - PullRequest
0 голосов
/ 01 октября 2019

Я хочу проверить, активна ли какая-либо ссылка родителя (родители в моем коде id = "menu-item-461" и id = "menu-item-462"), а затем применить дополнительный класс к div с помощьюкласс .submenu этого родителя.

Но тут есть один хитрый момент: сайт должен перейти по ссылке.

Я получил это далеко, но теперь я застрял.

$(function(){
  $("#menu-item-461 a").onclick(function(){
    $("#menu-item-461 a").removeClass("selected")
    $(this).addClass("selected")
    return false;
  })

Но это относится только к текущей ссылке. и не следует по гиперссылке. Так как же проверить, активны ли какие-либо ссылки из класса? а затем применить класс CSS к .submenu?

<ul>
  <li id="menu-item-461" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-ancestor current-menu-parent current-post-parent menu-item-has-children menu-item-461">

    <a href="http://bertconinx.com/category/portriats/">portriats</a>
    <ul class="sub-menu">
      <li id="menu-item-473" class="menu-item menu-item-type-post_type menu-item-object-post current-menu-item menu-item-473">
        <a href="http://bertconinx.com/2019/08/12/non-profit-profit/" aria-current="page">Disarray Body</a></li>
      <li id="menu-item-617" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-617">
        <a href="http://bertconinx.com/2019/09/16/girls/">#Girls</a></li>
    </ul>
  </li>

  <li id="menu-item-462" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-ancestor current-menu-parent current-post-parent menu-item-has-children menu-item-461">

    <a href="http://bertconinx.com/category/portriats/">Item2</a>
    <ul class="sub-menu">
      <li id="menu-item-412" class="menu-item menu-item-type-post_type menu-item-object-post current-menu-item menu-item-473">
        <a href="http://bertconinx.com/2019/08/12/non-profit-profit/" aria-current="page">object1</a></li>

      <li id="menu-item-619" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-617">
        <a href="http://bertconinx.com/2019/09/16/girls/">Object2</a></li>
    </ul>
  </li>
</ul>

1 Ответ

0 голосов
/ 01 октября 2019

должно быть что-то вроде этого. Я использовал эти годы на ходу. но теперь я изменяю это на тему WordPress.

function expandingMenu(num) {
	var speed = 200;
	
	var item_title = $("#menu-item-461 a").eq(num).children(":first");
	var items = $(".submenu").eq(num).children().filter(function (index) { return index > 0; });
	
	/* hide items if not active */
	if (items.is(".active") === false) {
		items.hide();
	}

	/* add click functions + pointer to title */
	item_title.css({cursor:"pointer"}).toggle(
		function () {
			items.show(speed);
		}, function () {
			items.hide(speed);
		}
	)
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...