1

我的右栏中有两个 div，我想使用显示/隐藏锚标记一次显示一个，但我无法做到这一点，因为我正在使用 cakephp。请帮助我实现这一目标。

<html>
    <head>
        <script type="text/javascript">  
            document.getElementById('dsearch').style.visibility = 'hidden';
            $(document).ready(function () {
                $('#showhidetarget').hide();

                $('a#showhidetrigger').click(function () {
                    $('#showhidetarget').toggle(400);           
                });
            });     
         </script>    
    </head>        
    <body>
        <script src="/app/webroot/js/jquery-1.3.2.min.js" type="text/javascript"</script>
        <a id="showhidetrigger" href="/hawaii/tests/dsearch/">Detailed Search</a>
        <div id="showhidetarget"></div>
    </body>        
</html>
4

3 回答 3

2

在调用之前尝试加载 jQuery$document.ready()

<script src="/app/webroot/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function () {      
  [...]
于 2012-08-06T06:57:45.247 回答
1

我认为您应该将第一个脚本标签放在包含 jquery 的脚本标签之后。这样，jquery 将首先加载，然后是依赖于 jquery 的代码

<script src="/app/webroot/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    document.getElementById('dsearch').style.visibility = 'hidden';
    $(document).ready(function () {
        $('#showhidetarget').hide();

        $('a#showhidetrigger').click(function () {
        $('#showhidetarget').toggle(400);

        });
    });

    </script>
于 2012-08-06T06:59:26.670 回答
0

演示小提琴

我认为您的代码正在运行，您的 div 中没有任何内容。

于 2012-08-06T06:58:16.357 回答