首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQUERY CSS "display“"block”不起作用,即使"display“"none”起作用...

JQUERY CSS "display“"block”不起作用,即使"display“"none”起作用...
EN

Stack Overflow用户
提问于 2016-08-06 22:09:13
回答 1查看 2K关注 0票数 1

大家好,我现在正在写一个在线漫画,我正在努力使用下面的jquery代码。Jquery应该在其他函数发生后将我的css代码从#compcreen2图像从"display:none“更改为"display:block”,但它似乎不起作用,我也不知道为什么……有什么需要帮忙的吗?不过,这似乎适用于另一张图片...#compscreen display:none不起作用。帮助!

JS:

代码语言:javascript
运行
复制
$(document).ready(function () {

//function for automated top scrolling
$(window).on('scroll', function(e){
  scrollPosY();

  if ($('#panel11').visible(true) && scrolled == 0) {
  $('html, body').stop().animate( { scrollTop: $('.scrollpanel').offset().top }, 500 )
  scrolled = 1;
  $("div.wrap2").remove();
  $("#compscreen2").css("display","block");
  $("#compscreen").css("display", "none"); 
  }
});

$window = $(window);


});

CSS:

代码语言:javascript
运行
复制
#compscreen2 img{
    width: 60%;
    padding-left: 20%;
    position: absolute;
    display: none;
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-06 22:17:25

css为#compscreen2 img设置display: none,而不是#compscreen2本身。您可以将css设置为如下所示:

代码语言:javascript
运行
复制
#compscreen2 {
    display: none;
}

#compscreen2 img {
    width: 60%;
    padding-left: 20%;
    position: absolute;
}

或者将js更改为:

代码语言:javascript
运行
复制
$("#compscreen2 img").css("display","block");

您还可以使用助手函数showhide来使代码更具可读性。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38805140

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档