0

这是我的网站：

saykey.com/gigantic

当您单击第一项上的“更多信息”时，它会起作用（它会折叠一个带有信息的元素）。

如果您尝试在第二个、第三个等项目元素上单击此更多按钮，它将不起作用！

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

如何在我的 CSS 中解决这个问题？z 指数？如何？我是否隐藏了错误的元素？

4

3 回答 3

0

我不确定这个网站是否正在为我翻译，但我从你的源代码中看到的是你正在寻找 Mere info 和 Mindre info

 <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 中更正您的措辞。

谢谢

于 2012-11-19T12:10:37.603 回答
0

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

于 2012-11-19T12:23:34.550 回答
0

删除你的hiddenCSS 类的使用，替换$(this).next().toggleClass("hidden");为$(this).next().toggle();

于 2012-11-19T12:19:34.643 回答