Jquery 代码要简单 javascript
Jquery code to simple javascript
提前感谢您的帮助。我希望将此 jquery 代码转换为核心 js 代码。我正在开发 angularJs 应用程序。此代码大部分时间不起作用。这就是为什么我想把它改成
这是我的jquery代码
<script>
jQuery(document).ready(function ($) {
console.log('jquery');
var trigger = $('.hamburger'),
overlay = $('.overlay'),
isClosed = false;
$('.hamburger').click(function ()
{
hamburger_cross();
});
function hamburger_cross()
{
console.log('trigger');
if (isClosed == true) {
overlay.hide();
trigger.removeClass('is-open');
trigger.addClass('is-closed');
isClosed = false;
} else {
overlay.show();
trigger.removeClass('is-closed');
trigger.addClass('is-open');
isClosed = true;
}
}
;
$('[data-toggle="offcanvas"]').click(function () {
$('#wrapper').toggleClass('toggled');
});
});
</script>
我不能使用上面代码的唯一原因是它使用 code.jquery.com/jquery-latest.min.js "The jquery library" 我想删除这个 link 因为它引起了其他冲突。如果有人将它转换为简单的 javascript,我将非常感激。
在这里,我们无法通过编写所有代码来帮助您。但是看看这个网站,你会发现很多对你代码的引用。 http://youmightnotneedjquery.com/。希望这会帮助你。
提前感谢您的帮助。我希望将此 jquery 代码转换为核心 js 代码。我正在开发 angularJs 应用程序。此代码大部分时间不起作用。这就是为什么我想把它改成 这是我的jquery代码
<script>
jQuery(document).ready(function ($) {
console.log('jquery');
var trigger = $('.hamburger'),
overlay = $('.overlay'),
isClosed = false;
$('.hamburger').click(function ()
{
hamburger_cross();
});
function hamburger_cross()
{
console.log('trigger');
if (isClosed == true) {
overlay.hide();
trigger.removeClass('is-open');
trigger.addClass('is-closed');
isClosed = false;
} else {
overlay.show();
trigger.removeClass('is-closed');
trigger.addClass('is-open');
isClosed = true;
}
}
;
$('[data-toggle="offcanvas"]').click(function () {
$('#wrapper').toggleClass('toggled');
});
});
</script>
我不能使用上面代码的唯一原因是它使用 code.jquery.com/jquery-latest.min.js "The jquery library" 我想删除这个 link 因为它引起了其他冲突。如果有人将它转换为简单的 javascript,我将非常感激。
在这里,我们无法通过编写所有代码来帮助您。但是看看这个网站,你会发现很多对你代码的引用。 http://youmightnotneedjquery.com/。希望这会帮助你。