Question

免责声明一：我是jquery的新品牌，这是我的第一篇文章。

免责声明二：我已经用很多不同的方式搜索了我的问题，并且找到了很多详细的答案，然而我仍然无法让我的jquery按照我的意愿去工作。

说：

我正在尝试创建我的网站的移动版本。（供参考，桌面和平板电脑版本在此处：http://creative-servic.es）

我需要的移动版本，主要的投资组合图像和缩略图库，当点击页脚中的图库图标时切换位置，然后当点击一个拇指时，他们再次切换回来，并且点击缩略图的投资组合图片现在可以在页面顶部看到。这一切都有效（耶！）......但只有一次:(

换句话说，一旦选择了缩略图，我就无法通过页脚中的图标激活图库。

我知道这是一个相当常见的问题，并且与请求事件后DOM中不再存在的内容有关。但是请用语言轻松一点 - 我甚至不确定DOM是什么，也不是什么绑定（或解除束缚），但这些是一些有些令人困惑的术语不断出现在我的研究中。

这是有问题的移动模型：http://mnml.cc/ces/m

我尝试过.live，.on，.click和.delegate功能无济于事。

对此事的任何帮助都将非常感激！

非常感谢和最热烈的问候，Dd。

Answer 1

除非您单击其中一个缩略图图像（首次单击图库图标后），否则您的页面现在可以正常工作。原因如下：当您的页面加载时，div“gallery”的宽度为0，但具有高度和不透明度。然后，在您的点击功能中，您有：

$("#gallery a").on('click', function() {
    $(this).parent().hide();
});

这会隐藏gallery div（通过将宽度，高度和不透明度减少到0 =显示：无 - 检查控制台，你会看到这种情况发生）。最后，绑定到#gallery-icon的单击函数仅切换div宽度 - 它不会更改0高度和0不透明度。尝试将上述代码更改为：

$("#gallery a").on('click', function() {
    $('#gallery').css('width', 0);
});

这应该将其设置为原始状态，然后`gallery-icon'单击功能应该能够切换可见div的宽度。

（如果您愿意，也可以为该功能设置动画，以反转原始点击功能。）