我的网站的基本前提是六个大框,当您单击其中任何一个时,它们会缩小成一个图形菜单栏。为主页按钮添加了一个额外的图标。
为了在第一个网格布局中正确定位方框,我加入了一些额外的类,例如 margin-zero
、bottom-left
和 bottom - 对
。我需要在图像缩小时删除这些类,并在它们扩展到完整大小时将它们恢复。
因此,我创建了一个小的 if
语句。
var counter = 0;
if(counter = 0) {
jQuery(".two").toggleClass( "two-menu" );
jQuery(".four").toggleClass( "four-menu" );
jQuery(".images").toggleClass( "images-menu" );
jQuery(".home").toggleClass( "home-menu" );
jQuery(".four").removeClass( "bottom-left" );
jQuery(".four").removeClass( "bottom-right" );
jQuery(".two").removeClass( "margin-zero" );
var counter = 1;
} else {
jQuery(".two").toggleClass( "two-menu" );
jQuery(".four").toggleClass( "four-menu" );
jQuery(".images").toggleClass( "images-menu" );
jQuery(".home").toggleClass( "home-menu" );
jQuery(".four").addClass( "bottom-left" );
jQuery(".four").addClass( "bottom-right" );
jQuery(".two").addClass( "margin-zero" );
var counter = 0;
}
在我看来这应该可行。但是,在我的 JSFiddle 原型(prototype)中,它没有。这是链接,因此您可以看到所有代码以及某些框如何关闭页面。
最佳答案
你可以试试:
if(counter == 0) {
编辑:您还声明了 3 次计数器。
关于jquery - 在使用 jQuery if 语句 Logo 时遇到问题。没有像我预期的那样回应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20644639/