如何使jquery单击事件多次发生

免责声明一：我是jquery的新手，这是我的第一篇帖子

免责声明二：我以多种不同的方式搜索了我的问题，并找到了许多详细的答案，但我仍然无法让我的jquery按我所希望的方式工作

也就是说：

我正在尝试创建我的网站的移动版本。 （供参考，桌面和平板电脑版本如下：）

对于移动版本，我需要的是当点击页脚中的图库图标时，主文件夹图像和缩略图图库切换位置，然后当点击一个拇指时，它们再次切换回来，并且点击缩略图的文件夹图像现在在页面顶部可见。这一切都有效（耶！）。。。但只有一次：(

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

我知道这是一个相当常见的问题，并且与请求事件后DOM中不再存在的内容有关。但是请对我的行话从容不迫——我甚至不确定DOM首先是什么，也不确定绑定是什么（或解除绑定）就这一点而言，但在我的研究中不断出现一些令人困惑的术语

以下是有问题的移动模型：

我已尝试了.live、.on、.click和.delegate功能，但均无效

在此问题上的任何帮助都将不胜感激

多谢各位

---

致以最诚挚的问候，Dd.

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

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

这会隐藏

图库

div（通过将宽度、高度和不透明度降低到0=显示：无-检查控制台，您会看到这种情况）。最后，绑定到

#图库图标

的单击功能仅切换div宽度-它不会更改0高度和0不透明度。尝试将上述代码更改为类似以下内容：

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

这应该将其设置为原始状态，“gallery icon”单击功能应该能够切换可见div的宽度

---

（如果您愿意，也可以设置函数的动画，以反转原始的单击函数。）

控制台显示javascript错误-未找到函数

gallery（）

（请参阅gallery按钮的代码）。它在哪里？hi sideroxylon。它在functions.js中，代码是//gallery$（document）.ready（function（）{$（“#gallery icon”）。单击（function（）{var-toggleWidth=$（'.#gallery'）。width（）===0？“100%”：0；$（'.#gallery'）。动画（{width:toggleWidth}）；$（this）。toggleClass（'on'）；$（“#gallery a”）。单击（function（）{$（this）。parent（）.hide（）；}）；是的，看到了-这是绑定到元素“gallery icon”图标的单击函数，而不是名为gallery的函数（）。当你点击图标时，检查你的控制台。你说得太对了。看到了吗？我是一个初学者，我真的不知道如何正确创建js链接。我只是做了些什么来消除控制台错误，就是把那些图标放在标签中。现在我没有更多的控制台错误（我想）。我还更改了functions.js中的.click to.on--但我仍然无法使其工作。对此有何进一步的想法？我还将其作为匿名函数进行了尝试。它也消除了控制台错误，但也不起作用。我是否需要创建名为“gallery（）”的东西？？如果是这样的话，怎么做？很有魅力。你是我的英雄-非常感谢你的帮助！再一次你好，sideroxylon。我在移动版上尝试了不同的东西，我遇到了与以前类似的问题。我已经将动画效果从toggleWidth改为推动左/右滑动。新的问题有两个。问题一是我只能使用我们在页脚中单击gallery图标以打开gallery，但我无法再从页脚将其切换为closed（关闭）-首先需要选择缩略图，然后再次关闭gallery，以便能够再次使用按钮。问题二是，当主图像可见时，我可以水平滚动到gallery。这是不需要的行为vior。除非单击页脚中的图标，否则我不应该看到库。我试图在许多div上弄乱overflow-x属性，但没有效果。奇怪的是，当库打开时，我没有同样的问题。当库打开时，在x方向上没有可滚动的溢出（这很好，我只是需要它的投资组合了）。我可以想象，这（一种双宽网站现在）也给我造成了页脚问题，因为我在电话上看不到页脚。希望如果x溢出问题得到解决，页脚会自动更正？此新版本在这里：。任何进一步的帮助都将不胜感激。-Dd。