momo1210245571
2015-06-17 02:58
采纳率: 18.5%
浏览 1.9k
已采纳

页面加载div是隐藏的点击 超链接老师时候 显示出来

 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>权限管理</title>
<script type="text/javascript" src="media/js/jquery-1.10.1.min.js"></script>
<script>
$(function(){
    $("#pteacher").click(function(){
        $("#divteacher").show();
    });
});
</script>
</head>
<body>
    <form>
        角色名称<br/>
        <p id="pteacher"><a href="#">老师</a></p>
        <p>校长</p>
        <p>学生</p>
            <div id="divteacher" style="display:none;">
                <table>
                    <tr>
                        <td colspan="4"></td>
                    </tr>
                    <tr>
                        <td>教程大纲</td>
                        <td>
                        <div class="controls">
                           <label class="checkbox">
                               <input type="checkbox" name="btn"  value="11-1" />模板管理
                           </label>
                           <label class="checkbox">
                               <input type="checkbox" name="btn"  value="11-2" />增加班次
                           </label>
                           <label class="checkbox">
                               <input type="checkbox" name="btn"  value="11-3" />加班车
                           </label>
                           <label class="checkbox">
                               <input type="checkbox" name="btn"  value="11-4" />修改
                           </label>
                           <label class="checkbox">
                               <input type="checkbox" name="btn"  value="11-5" />删除
                           </label>
                       </div>
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
    </form>
</body>
</html>
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • danielinbiti 2015-06-17 03:02
    已采纳

    代码逻辑没问题,看看jquery文件路径对不对

    看看是不是这个路径 media/js/jquery-1.10.1.min.js
    可以替换成http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js试试
    
    已采纳该答案
    打赏 评论
  • SimbaLi123 2015-06-17 03:04

    href上加一个onclick属性

    onclick="$('#divteacher').show();"
    
    
    打赏 评论
  • SimbaLi123 2015-06-17 03:06

    你的js里面,把id="pteacher"给标签,不要加在P上

    打赏 评论
  • 问题呢,如果是显示再点击一次隐藏,用toggle方法

        $(function () {
            $("#pteacher").click(function () {
                $("#divteacher").toggle();
                return false;//阻止执行跳转
            });
        });
    
    打赏 评论

相关推荐 更多相似问题