0

我需要您的帮助来解决我的 Wordpress 网页问题。我的 Wordpress 页面是一个单页应用程序，包含 3 个不同的内容框。左边和中间的盒子是静态的，右边的盒子通过点击其他盒子的链接来改变它的内容。我决定将所有内容加载到右侧框中，并使用 CSS 命令可见性显示它们。结合使用 pathJS 和 JS，我希望通过单击链接来更改 URL。到目前为止一切顺利 - 一切正常，但我没有通过我的 JS-Function 进行管理以删除显示的类。

我的脚本如下所示：

<script>
           function showDetailContent(showid) {
                //suche objekt right_id -> was du zeigen willst -> getelementbyid
    alert("1");            
    var id = document.getElementsByClassName('shown');
                alert("2");
                id.classList.remove('shown');
                alert("3");
                document.getElementByID("right_" + showid).classList.add('shown');
                alert("4");
           }
//var c = document.getElementById('content'); -->do the function :)
           Path.map("#/?p=<?php the_id();?>").to(function () {   
                showDetailContent(<?php the_id();?>);
           });
           Path.listen();
       </script>

警报只是我“调试”的方式。我认为这不是调试的最佳方式，但我在编程世界中非常陌生，这很容易。但是，如果我激活链接，则会显示前两个警报。所以（第一个）错误就行了

id.classList.remove('shown');

通常，右侧框是隐藏的，因此只加载一个内容。到这里为止你明白我的问题吗？我将不胜感激快速帮助！问候，雅尼克！:)

4

2 回答 2

0

getElementsByClassName获取多个元素，尝试：

var id = document.getElementsByClassName('shown')[0];

如果您想从所有显示类的元素中删除类，或者遍历它们；

于 2013-09-06T09:15:31.640 回答
0

看看这个：http ://snipplr.com/view/3561/知道删除类纯javascript

于 2013-09-06T09:20:29.943 回答