javascript按钮破坏媒体查询样式
javascript按钮破坏媒体查询样式
提问于 2015-12-09 16:31:31
所以我要做这个头部设计。是有反应的。当你把视口宽度降到550 to以上时，它应该转到手机上。在右边显示按钮而不是滑块小部件。如果您单击适当的按钮，它将带来正确的滑块。
下面是标题的一个示例链接：SmartBanner/
任何选项都可以看到滑块。你可以选择“后退按钮”
所以我目前的问题是:当你按下后退按钮，然后重新展开视口宽度。然后你会失去一个滑块。只有在重新展开视图之前按后退按钮时，才会发生这种情况。
如有任何解决办法，将不胜感激。思想开放。
这是我的Mobile按钮的javascript。我不是最好的javascript。
<script>
$('.mobileAdultBtn').on('click', function () {
$('#vContentLeft').css('display', 'block');
$('.vSlide-markersWrapper').css('margin-left', '-80px');
$('.backBtn').css('display', 'block');
$('.mobileAdultBtn').css('display', 'none');
$('.mobileYoungAdultBtn').css('display', 'none');
$('.productInfo_mobile').css('visibility', 'hidden');
});
$('.mobileYoungAdultBtn').on('click', function () {
$('#vContentRight').css('display', 'block');
$('.vSlide-markersWrapper').css('margin-left', '-43px');
$('.backBtn').css('display', 'block');
$('.mobileAdultBtn').css('display', 'none');
$('.mobileYoungAdultBtn').css('display', 'none');
$('.productInfo_mobile').css('visibility', 'hidden');
});
$('.backBtn').on('click', function () {
$('#vContentRight').css('display', 'none');
$('#vContentLeft').css('display', 'none');
$('.vSlide-markersWrapper').css('margin-left', '-19px');
$('.backBtn').css('display', 'none');
$('.mobileAdultBtn').css('display', 'block');
$('.mobileYoungAdultBtn').css('display', 'block');
$('.productInfo_mobile').css('visibility', 'visible');
});
</script>谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-12-09 17:05:09
您的css中有一个错误
@media only screen and (min-width: 515px){
#vContentRight, #vContentleft {
display: block!important;
}
}这方面的改变：
@media only screen and (min-width: 515px){
#vContentRight, #vContentLeft {
display: block!important;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34191683
复制相关文章
相似问题
腾讯云开发者
