Question

我有一个jQuery要求，如：

我有一张图片。如果我点击它一旦它的大小将减少。如果我再次单击它将再次调整大小。

我们是否有任何功能可以在jQuery中轻松完成？或者我必须设置一个标志然后处理鼠标点击？像

这样的东西

  $("#img1").click(function() {
      $("#img1").addClass("img1");
  });

Answer 1

当有toggleClass函数时，不要使用切换：）

$("#img1").click(function() {
  $("#img1").toggleClass("img1");
});

Answer 2

jQuery toggle function可能有所帮助。

简而言之=＆gt;

CSS：

.small{width: 10px;}

使用Javascript：

var makeSmall = function(){
            $(this).addClass("small");
        };

var makeNormal = function () {
        $(this).removeClass("small");
    };

$("#id").toggle(makeSmall, makeNormal);

此外 - 您可能希望直接通过jQuery更改CSS：

var makeSmall = function(){
    $(this).css({'width' : '10px'});
}

P.S。思想家使用toggleClass的方法更清晰。

jQuery问题 - 如何解决？

2 个答案: