Question

b1隐藏图像，而b2不显示图像。 toggle函数也不起作用吗？我的代码有什么问题？

$(document).ready(function() {
  $(".b1").click(function() {
    $("img").hide();
  });

  $(".b2").click(function() {
    $("img").show();
  });     
});

Answer 1

没有代码，就不可能给出正确的答案。如果我认为HTML和CSS都可以，那么我会做这样的事情：

$(document).ready(function() {

var imgOne = $(".b1");
var imageTwo = $(".b2");

var imgClass = $(".img-class");


  imgOne.on("click",function() {
    imgClass.hide();
  });

  imageTwo.on("click",function() {
    imgClass.show();
  });     
});

您还可以在单击以查看函数是否正在执行操作时添加console.log('pass')。像这样：

$(document).ready(function() {

var imgOne = $(".b1");
var imageTwo = $(".b2");

var imgClass = $(".img-class");


  imgOne.on("click",function() {
    console.log('pass hide');
    imgClass.hide();
  });

  imageTwo.on("click",function() {
    console.log('pass show');
    imgClass.show();
  });     
});

如果一切正常，您应该在控制台中看到这些打印件。试试看。希望这会有所帮助：）

show（）和toggle（）不能按预期运行

1 个答案: