Jquery 单击事件后继续调整div的大小
我找到了一些我想做的脚本。此脚本在单击事件时上下移动我的长方体,并将我的div调整为窗口高度的百分比。不幸的是,如果有人调整浏览器窗口的大小,div不会继续调整大小。我曾尝试从点击事件中取出高度窗口功能,并将其放在其下方和/或在该网站上找到其他调整大小的脚本,但没有任何效果。它仅在此单击事件时调整大小。你能帮忙吗 我的div标签固定在浏览器窗口的底部并向上滑动Jquery 单击事件后继续调整div的大小,jquery,html,resize,window,Jquery,Html,Resize,Window,我找到了一些我想做的脚本。此脚本在单击事件时上下移动我的长方体,并将我的div调整为窗口高度的百分比。不幸的是,如果有人调整浏览器窗口的大小,div不会继续调整大小。我曾尝试从点击事件中取出高度窗口功能,并将其放在其下方和/或在该网站上找到其他调整大小的脚本,但没有任何效果。它仅在此单击事件时调整大小。你能帮忙吗 我的div标签固定在浏览器窗口的底部并向上滑动 jQuery(function( $ ){ var container = $( "#content" ); $( "a
jQuery(function( $ ){
var container = $( "#content" );
$( "a" ).click(
function( event ){
$('#content').height(function(){
return $(window).height() * 0.47;
});
event.preventDefault();
if (container.is( ":visible" )){
container.slideUp( 500 );
} else {
container.slideDown( 500 );
}
}
);
});
我的建议是添加一个调整大小的侦听器,并将您的实际逻辑分解如下:
jQuery(function( $ ){
var resizeFunction = function(event){
$('#content').height(function(){
return $(window).height() * 0.47;
});
if (event != null){
event.preventDefault();
}
if (container.is( ":visible" )){
container.slideUp( 500 );
} else {
container.slideDown( 500 );
}
}
var container = $( "#content" );
$( "a" ).click(resizeFunction(event))
$(window).resize(resizeFunction(null))
});
您需要侦听窗口调整大小事件并调整内容容器的大小
$(window).on('resize', function() {
if (container.is(':visible')) {
container.height(function() {
return $(window).height() * 0.47;
});
}
});
我认为这里的var container=$(“#content”)有语法错误;谢谢当我把它放在我的页面上,点击我的链接,现在什么都没发生。这会发生在哪里?这是我已经拥有的额外的还是替代了什么。我把它作为一个单独的单元添加到我的脚本末尾,但什么也没发生。好吧,我想出来了,它工作得很好。谢谢对于任何其他新手来说。我把它放在最后一个上面});结束括号。@Visualtribe很高兴你找到了答案。如果这对您有帮助,请将答案标记为正确。