程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

div里面的内容不显示

发布于2022-05-23 22:45     阅读(1625)     评论(0)     点赞(27)     收藏(1)


我有这个隐藏的 div,当我单击一个按钮时,它显示正确,但是当我尝试<p>在 div 中放置一个时,它不会显示,只有当我取出<p> 一切都很好但我只想将样式放在段落中,比如<br>和其他东西让它看起来更好。请看看这个JSFiddle

html

<section> <a rel="external" href="#button" id="button" class="button">&#xF011; </a> <span></span> </section>

jQuery

$(document).ready(function(){
$('#button').click(function(){
$(this).toggleClass('on');
$('p').toggleClass('hidn');
    $('div[id=container]').toggleClass('container');
    $('p[id=p1]').toggleClass('p1');
});
});

解决方案


您正在切换hidn所有段落标签上的类,而是id为特定标签添加一个唯一的。<p>试试这个:

html:

<p id="p0" class="hidn" style="font-size: 50px;font-family: Razer Header Regular;
top: 20%; color: rgb(192,192,192); position: relative; text-align: center;">

查询:

$(document).ready(function(){
$('#button').click(function(){
    $(this).toggleClass('on');
    $('#p0').toggleClass('hidn');
    $('#container').toggleClass('container');
    $('#p1').toggleClass('p1');
});
});

演示




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/360637/93425abe2c93d9cd9aa7/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

27 0
收藏该文
已收藏

评论内容:(最多支持255个字符)