Rekha Yadav Ответов: 1

Как автоматически скрыть левую панель меню при нажатии на якорь li?

Как автоматически скрыть левую панель меню при нажатии на любое меню?

Ниже-адрес сайта-
http://whowinkedme.com/

Что я уже пробовал:

Я попробовал ниже код, но он не работает так, как я хочу.

<скрипт>
$(документ).готово(функция() {
$('#sidr ul li > a').click(функция(){
$('#main-nav').addClass("left14");
$('.wrap').css("width","1200px");
$('#сидр').переключение();
});
$("#main-nav").click(функция(){
$('#сидр').переключение();
});
});
</script>

ZurdoDev

Отладьте его и посмотрите, почему он не работает.

Prava-MFS

Тот же вопрос задал и другой член комиссии. Я тоже отправил нижеприведенный ответ этому члену.

1 Ответов

Рейтинг:
1

Prava-MFS

Я только что проверил ваш код присутствующий здесь : http://www.whowinkedme.com/wp-content/themes/winked-child/js/scripts.js[^]

Я вижу, что вы использовали приведенный ниже код для закрытия меню при щелчке тела :-

$(".sidr-open #main-nav").click();


Таким образом, вы можете сделать следующее, Чтобы достичь того, что вы хотите.

1. Добавить hideMenu(); метод onclick для всех список меню как :-
<a href="#Home" onclick="hideMenu();">...</a>
<a href="#About" onclick="hideMenu();">...</a>
<a href="#Share" onclick="hideMenu();">...</a>
<a href="#Screenshots" onclick="hideMenu();">...</a>
<a href="#Download" onclick="hideMenu();">...</a>
<a href="#Video" onclick="hideMenu();">...</a>
<a href="#Contact" onclick="hideMenu();">...</a>


2. Затем добавьте определение для функции hideMenu (), например :-
<script>
function hideMenu() {
    $(".sidr-open #main-nav").click();
}
</script



Готово !! Теперь строка меню будет автоматически скрываться при выборе любого меню в списке.

Надеюсь, это вам поможет :) .