Я кодировал, и все было хорошо, затем код Visual Studio получил обновление, а затем все закончилось так, и это последнее обновление на момент публикации:
BTW, I checked the jQuery's file source just to make sure and it was correct.
Ok, @charlietfl sugessted that I should remove $(document).ready(function());
it got better but I still end up with this :
введите описание изображения здесь
Но я подумал, что использование .ready()
важно для того, чтобы убедиться, что DOM полностью загрузилась, а затем возник код JavaScript. Есть ли какие-либо альтернативы, которые делают то же самое?
Обновление и исправление
после просмотра документации API JQuery я обнаружил, что функция .ready()
устарела и должна вызываться, как показано ниже, но он не сказал, что метод .click()
устарел, но он также был исправлен с использованием этого другого способа его использования, и это был ESLinter, который доставлял мне трудности:
$(function () {
function addClass() {
$("#div1").addClass("divStyled");
}
function removeClass() {
$("#div1").removeClass("divStyled");
}
function toggleClass() {
$("#div1").toggleClass("divStyled pStyled");
}
function CSS1() {
var padding = $("#div1").css("padding-left");
$("#p2").html(padding);
}
$("#btnClick1").on("click", addClass);
$("#btnClick2").on("click", removeClass);
$("#btnClick3").on("click", toggleClass);
$("#btnClick4").on("click", CSS1);
});