0

我正在尝试在 wordpress 中创建一个页面（它是在管理界面中的 wordpress 自定义页面工具中构建的）。

我想要的是 3 个单选按钮。2 可见 1 隐藏。隐藏的应该自动检查，以便显示正确的 div。（当我在 css 中使用 z-index 时可能不需要？）

当用户单击其中一个复选框时，它应该隐藏另外 2 个 div 并显示正确的 div（注意它们位于页面上的同一位置）。

出于某种原因，我无法让它在 wordpress 中工作。或者，如果有另一种方式来做同样的事情，我也愿意接受。

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