Добавить класс в тело через JavaScript с помощью ASP.NET

У меня есть шаблон HTML, который я хотел бы использовать для проекта ASP.NET.

Его мобильная навигационная панель использует JavaScript (classie.js) для присвоения класса «show-menu» элементу «body». Однако, поскольку мы используем ASP.net, похоже, это не работает. Могу я узнать, как заставить его работать? Я попытался запустить его на сервере, но из-за этого CSS не работал.

Вот код JavaScript:

function toggleMenu() {
    if (isOpen) {
        classie.remove(bodyEl, 'show-menu');
    } else {
        classie.add(bodyEl, 'show-menu');
    }
    isOpen = !isOpen;
}

init();

Вот мой код мастер-страницы:

<body data-offset = "90" data-target = ".navigation" data-spy = "scroll">
    <form id = "form1" runat = "server">

Мне нужен способ сделать это без преобразования моих кнопок в ASP.NET. По сути, когда я нажимаю на кнопки, добавляется «show-menu», но класс почти сразу же удаляется, оставляя его неработающим.

Что теперь случилось с кодом JS?

Alexis Toby 18.06.2018 08:06

@AlexisToby Привет, могу я понять, что ты имеешь в виду? Я не совсем понимаю ваш вопрос.

Justin Ooi Jun Kai 18.06.2018 08:26

Вам нужно выполнить действие в самом интерфейсе, верно?

Alexis Toby 18.06.2018 08:40

@AlexisToby Да!

Justin Ooi Jun Kai 18.06.2018 08:50

Вы пробовали window.onload ()?

Alexis Toby 18.06.2018 09:01

@AlexisToby Это для навигационной панели мобильного меню, поэтому я не думаю, что onload () работает для того, чего я пытаюсь достичь. Проблема в том, что он появляется на мгновение, а затем исчезает, поэтому я не совсем уверен, в чем проблема.

Justin Ooi Jun Kai 18.06.2018 09:09
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
6
49
1

Ответы 1

Нашел проблему. Это освежало (казалось, на моем экране этого не было), и все, что мне нужно было сделать, это добавить следующий код к кнопке:

OnClick = "return false;"

Так что для тех, кто сталкивается с той же проблемой, не будьте таким идиотом, как я.

Другие вопросы по теме