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
复制相关文章
相似问题
SharePoint -检索文件夹的共享链接
SharePoint中的共享文件夹链接
Sharepoint -文件夹链接无法解析
发送Sharepoint文件夹的共享链接
SharePoint 2010年至2013年SharePoint移徙
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
