Question

大家好，我现在正在制作一个在线漫画，并且正在使用以下jquery代码。 Jquery应该从＃compscreen2图像改变我的css代码＆＃34; display：none＆＃34;到＆＃34;显示：块＆＃34;在其他功能发生但它似乎无法工作之后，我无法弄清楚为什么......请帮忙吗？它似乎适用于其他图像.... #compscreen display：none确实有效。救命啊！

JS：

$(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：

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

Answer 1

css为display: none设置了#compscreen2 img，而不是#compscreen2本身。你可以使css像这样：

#compscreen2 {
    display: none;
}

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

或将js更改为：

$("#compscreen2 img").css("display","block");

您还可以使用辅助函数show和hide来使代码更具可读性。

JQUERY CSS＆＃34;显示＆＃34; ＆＃34;块＆＃34;即使＆＃34;显示＆＃34;也不起作用＆＃34;无＆＃34;确实有效......

1 个答案: