时间戳

首页 > 解决方案 > show() 和 toggle() 没有按预期工作

javascript - show() 和 toggle() 没有按预期工作

问题描述

b1隐藏图像b2而不显示它。功能也toggle不起作用？我的代码有什么问题？

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

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

标签： javascriptjqueryhtmlcsstwitter-bootstrap

解决方案

没有代码就不可能给出正确的答案。如果我假设 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();
  });     
});

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

推荐阅读