0

wordpress でページを作成しようとしています (管理インターフェイスの wordpress カスタム ページ ツール内に構築されています)。

私が欲しいのは3つのラジオボタンです。2 表示 1 非表示。非表示のものは、正しい div が表示されるように自動チェックする必要があります。(css で z-index を使用する場合は必要ないのではないでしょうか?)

ユーザーがチェックボックスの 1 つをクリックすると、別の 2 つの div が非表示になり、正しい div が表示されます (ページの同じ場所にあることに注意してください)。

何らかの理由で、これをワードプレスで動作させることができません。または、同じ方法を行う別の方法がある場合は、私もそれを受け入れます.

CSS:

#apDiv3 {
    position:absolute;
    left:405px;
    top:53px;
    width:485px;
    height:434px;
    z-index:12;
    background-color: #000;
    color: #F00;
}

#apDiv10 {
    position:absolute;
    left:405px;
    top:53px;
    width:485px;
    height:434px;
    z-index:11;
    background-color: #000;
    color: #F00;
}

#apDiv11 {
    position:absolute;
    left:405px;
    top:53px;
    width:485px;
    height:434px;
    z-index:11;
    background-color: #000;
    color: #F00;
}


<script>
$(document).ready(function(){ 
    $("input[name='payway']").click(function() {

        var test = $(this).val();
        $(".desc").hide();
        $("#"+test).show();
    }); 
});
</script>

HTML/PHP:

 <p>
      <input type="radio" name="payway" value="apDiv10"  />
      pay2

      <input type="radio" name="payway" value="apDiv3" checked="checked" style="display:none;">

  </p>
    <p>
      <input type="radio" name="payway" value="apDiv11" />
      Pay1

    </p>


<div id="apDiv3" class="desc">

This is the standard div that should be visable

</div>


<div id="apDiv10" class="desc">

Shows this div when user click on checkbox pay2

</div>


<div id="apDiv11" class="desc">

Shows when user click checkbox pay1

</div>
4

1 に答える 1

0

head.php ファイルを見ると、スクリプトがまったく機能しないように機能しないスクリプトがあったようです。頭からスクリプトを削除すると、機能しました。

皆さん、ありがとうございました！

于 2013-10-21T23:58:50.993 に答える