Question

这是我的网站：

shoutkey.com/gigantic

当您点击“更多信息”时，在第一个项目上，它可以正常工作（它会在信息下折叠一个元素）。

如果您尝试在第二个，第三个等项目元素上单击此更多按钮，它将无法正常工作！

首先我认为它是.infobutton，它不适用于第二个等项目，但现在我发现它是隐藏元素的信息，这使得更多信息按钮不起作用。（你不能点击锚链接）

如何在我的CSS中修复此问题？ z-index的？怎么样？我隐藏了错误的元素吗？

Answer 1

我不确定这个网站是否会为我翻译，但我从您的源代码中看到的是您正在寻找纯粹的信息和Mindre信息

 <script type='text/javascript'>
    $(document).ready(function(){
        $('.infobutton').live('click', function(){
            if ($(this).html() == "Mere info") {
                $(this).html("Mindre info");
                $(this).next().toggleClass("hidden");
            } else if ($(this).html() == "Mindre info") {
                $(this).html("Mere info");
                $(this).next().toggleClass("hidden");
            }
        })
    });
</script>

但你的html没有位置

纯粹的信息

而不是

更多信息

。显然它不会工作。你应该首先用html纠正你的措辞。

由于

Answer 2

取消使用hidden CSS类，将$(this).next().toggleClass("hidden");替换为$(this).next().toggle();

Answer 3

不确定是否会导致此问题，但在页面顶部链接到jquery 1.7.2并根据jquery API。 $.live()已在1.7及以上版本中弃用。请尝试根据他们的建议将其更改为$.on()。

CSS和隐藏元素，使我的其他锚链接不起作用

3 个答案: