2 momo1210245571 momo1210245571 于 2015.06.17 10:58 提问

页面加载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
danielinbiti   Ds   Rxr 2015.06.17 11:02
已采纳

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

看看是不是这个路径 media/js/jquery-1.10.1.min.js
可以替换成http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js试试
danielinbiti
danielinbiti 回复momo1210245571: 恩,那就是路径错了。如果有帮助,别忘了顺手采纳一下。
大约 3 年之前 回复
momo1210245571
momo1210245571 好使啦!谢谢嘿嘿
大约 3 年之前 回复
momo1210245571
momo1210245571 好滴 我试试
大约 3 年之前 回复
francislpx
francislpx   2015.06.17 11:04

href上加一个onclick属性

onclick="$('#divteacher').show();"

francislpx
francislpx 打错了,a标签加onclick
大约 3 年之前 回复
francislpx
francislpx   2015.06.17 11:06

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

francislpx
francislpx a标签
大约 3 年之前 回复
showbo
showbo   Ds   Rxr 2015.06.17 11:07

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

    $(function () {
        $("#pteacher").click(function () {
            $("#divteacher").toggle();
            return false;//阻止执行跳转
        });
    });
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
js控制div样式显示与隐藏,JS通过点击超链接右边(指定位置)显示一个图标
javascript基础篇,老土的方法解决js控制div样式,便于新手理解,粗暴的不能再粗暴,如果你是高手,请忽略!思路:         1.先将div设置为隐藏,style=”display:none”;         2.调用javascript脚本showContent()方法;         3.获取传入的id,document.getElementById();
jquery 初始页面时 隐藏div样式
可以在加载页面头部写上,把样式初始时 清除了。 #a{display:none} 并在下边写入juqery 标签隐藏 a 的div     $(document).ready(function(){    $('#a').hide(); });
点击一个链接可以在指定的div块中显示(使用jquery实现)
没有学过jquery,第一次知道实现这个功能   点击一个连接可以指定到一个div块里显示连接的内容   以前只知道这个效果使用框架ifram实现,现在有懂了另一个方式实现(有点小激动了,虽然这个对于大神来说好简单,但是对于我这个小小的~~~来说,是个喜悦(*^▽^*))
打开页面时, 后面的div 页签 闪了一下
昨天做项目时,新加一个div的页签。加完后打开页面,发现这个页签会显示一下,然后才显示首页。 上网找了一下原因,无果。问大神同事,他说你应该是div没加隐藏。 试了一下,加上“style=’display:none;’”果然解决了问题。技术积累浅,尚需努力。...
点击页面空白处时隐藏弹出的div层
由于工作需要,最近玩了下js,需求是做一个弹出层(需求上只有个原型图,什么说明都没有我也是醉了),然后就开始想需要实现的效果,那么点击空白处需要隐藏肯定是不可少的。下边是这个div弹出层: 。。。、//具体代码 然后西边这个是页面需要点击的标签,点击之后就会弹出这个弹出层,css样式这里我就不引入了(因为不会。。。找大神帮我写的css) 之后是需要写的逻辑,也就是js了,我们
aspx页面用一个遮罩层显示正在加载,加载完后隐藏该div
已经有好一段时间没有使用.NET控件做web了,今天要优化一个界面,正好是用.NET控件做的,遂把此次解决问题的方案下来。 总是有许多开发人员觉得做东西没思路,我觉得只是见得少了,思考少了的缘故,所以我总是喜欢以写博客的方式记录下来平时工作中遇到的一些问题,并附上解决方案。 需求:界面查询操作比较费时,用一个遮罩层显示操作正在执行,当操作执行完之后,关闭遮罩层。 思路: 1、准备两个div
获取select中option的value值并触发隐藏显示div效果
恩,以前搜索问题的时候,在csdn博客这个大家庭中收获甚多,鉴于写过的代码很快就会忘,放到文件里面不容易找,开始我的第一篇备忘录 需求点击一个下拉列表在右侧div显示内容 原先使用的是下拉框,但是点击选中之后 右侧的下拉框不会显示选择的,其后使用select来做(附上原先的代码) 点击超链接显示隐藏div $(docum
div加链接 html给div加超链接实现点击div跳转的方法[申明:来源于网络]
div加链接 html给div加超链接实现点击div跳转的方法[申明:来源于网络]地址:http://www.cdxwcx.com/faq/htmldivLink.html
单击input div 隐藏和显示 点击div之外的元素 隐藏div 点击里面的元素 不隐藏
1.定义样式 写一个css文件   .input{  width:220px;  position: absolute;  left:20px;  float:clear;  top:20px;  height:10px; } .test {  position: absolute;  left:20px;  top:40px;  width:auto;  f
点击button改变div的显示隐藏
看着以前自己写的这些小例子,现在看看都有点觉得好笑,是自己以前不懂还是现在已经老了?但是自己还是转存过来了,因为我喜欢。 jquery: $("input[name=add_group]").click(function() { if ($("#add_group_div").css("display") == "none") { $("#add_group_div").s