这似乎是正确的。也许问题是代码在jquery库之前加载。尝试将所有代码放入jQuery
这个脚本以前运行得很好,但由于某种原因,现在出现了一个错误"未捕获的类型错误:jQuery(…(.width不是函数";
我该如何更正?
谢谢。
<script>
var boxWidth = jQuery(window).width();
// if mobile then we will keep width @ 100% else only 50%
if ( boxWidth > 768 ) {
boxWidth = boxWidth * 0.50;
console.log( boxWidth );
}
else boxWidth = boxWidth;
jQuery('#menu-open').on('click', function(){
jQuery('#slider').css('width' , boxWidth);
jQuery('#slider').toggleClass('open');
return false;
})
jQuery('#menu-close').on('click', function(){
jQuery('#slider').css('width' , 0 );
jQuery('#slider').toggleClass('open');
return false;
})
</script>
我试图找到浏览器窗口的宽度,并为覆盖菜单设置一个大小,如果屏幕更大,则覆盖率为100%或仅为x%。
谢谢。
ready
事件中:
jQuery(document).ready(function ($) {
var boxWidth = $(window).width();
// if mobile then we will keep width @ 100% else only 50%
if (boxWidth > 768) {
boxWidth = boxWidth * 0.50;
console.log(boxWidth);
}
else boxWidth = boxWidth;
$('#menu-open').on('click', function () {
$('#slider').css('width', boxWidth);
$('#slider').toggleClass('open');
return false;
})
$('#menu-close').on('click', function () {
$('#slider').css('width', 0);
$('#slider').toggleClass('open');
return false;
})
});
我希望这能有所帮助。