小编Uni*_*lat的帖子

我在创建具有特定效果的弹出菜单时遇到问题.弹出窗口从display:none到block然后我使用jquery来设置从0到1的不透明度(反之亦然).这是必要的,因为否则当元素刚刚更改了显示属性时,不会发生转换.我不认为这会传播给孩子们.但是在我的弹出窗口中,我有4列链接,这些链接具有不透明度过渡,每个链接都有自己的延迟,因此它们一次只能进入一个.但是,当弹出窗口出现时,这不起作用.它们立即处于不透明状态:1即使延迟时间很长,它仍然无效.

有没有解决的办法？我知道CSS动画和同一元素上的显示更改不起作用,但发现任何子动画也不起作用有点令人沮丧.当CSS如此简单时,我宁愿不必编写javascript.但如果javascript是唯一的答案,那么这将是一个简单的解决方案.

这是一个非常简化的代码示例:

$flyout.addClass('in').animate({opacity: 1}, 200, "linear");

"in"是导致列转换的类:

.flyout { display: none; }

.flyout.in { display: block; }

.columns li {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
}

.flyout.in .columns li { opacity: 1; }

// delay increases with each column
.columns > li:first-child {
    -webkit-transition-delay: 0.2s;
}

我正在使用Node.js和Socket.io开发卡片游戏作为Web应用程序.作为拥有Nexus 5和最新操作系统的Android用户,以及最新版本的Chrome移动版,我没有遇到任何问题.在使用iPhone 5并解决一些小问题后,我注意到当手机屏幕关闭时,插座断开连接.我有服务器端日志记录(我正在运行云端服务),它表示播放器断开连接时的ID(恰好也是套接字标识符).在Android上关闭屏幕似乎没有任何问题,并且只有在我完全退出应用程序并将其从打开的应用程序/多任务视图中移开时,它才会断开连接.如果在每次屏幕关闭时将游戏从游戏中移除,那么为每个websocket连接创建一个新的播放器的Web应用程序就变得毫无用处.

关于可能导致此更改或任何配置更改的任何想法我可以做到这会阻止这种情况？我尝试过谷歌搜索,但似乎无法找到任何相关问题.

编辑 - 使用javascript socket.io