0

私のWordpress Webページの問題で助けが必要です. 私のWordpressページは、コンテンツの3つの異なるボックスを持つシングルページアプリです。左と中央のボックスは静的で、右のボックスは他のボックスのリンクをクリックして内容を変更します。すべてのコンテンツを正しいボックスにロードし、CSS コマンドの可視性で表示することにしました。pathJS と JS を組み合わせて、リンクをクリックして URL を変更したい。これまでのところ、すべて正常に動作していますが、表示されたクラスを削除するためにJS関数を介して管理されていません。

私のスクリプトは次のようになります。

<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>

アラートは、私の「デバッグ」方法にすぎません。デバッグするのに最適な方法ではないと思いますが、私はプログラミングの世界では非常に新しいので、これは簡単です。ただし、リンクをアクティブにすると、最初の 2 つのアラートが表示されます。だから（最初の）間違いはライン上にある

id.classList.remove('shown');

通常、右側のボックスは非表示になっているため、1 つのコンテンツのみが読み込まれます。ここまで私の問題を理解していますか？私は迅速な助けをいただければ幸いです！こんにちは、ヤニック！:)

4

2 に答える 2

0

これを見てください：http://snipplr.com/view/3561/削除クラス純粋なjavascriptを知る

于 2013-09-06T09:20:29.943 に答える
0

getElementsByClassName複数の要素を取得するには、次を試してください:

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

または、クラスが表示されているすべての要素からクラスを削除する場合は、それらを繰り返します。

于 2013-09-06T09:15:31.640 に答える