javascript - 修改 .toggle 上的 div 样式 - jquery

Question

我有一个 ID 为 mainimage 的图像。它具有通过设置 max-width:100% 和 max-height:100% 来限制宽度和高度的样式。但我想在脚本的第一个实例上删除它

$(document).ready( function() {
var hjkl = $("#mainimage").height();
var hjklw = $("#mainimage").width();
$('#logo').toggle(
function() {
    $('#mainimage').animate({"width": 1600, "height": 1200}, "fast");
}, function() {
    $('#mainimage').animate({"width": hjklw, "height": hjkl}, "fast");
})
});

我该怎么做？

提前致谢...:)

爆弹弗莱德

Answer 1

如果您想在第一次单击 Logo 时执行某些操作，可以执行以下操作:

var hjkl = $("#mainimage").height();
var hjklw = $("#mainimage").width();
$('#logo')
  .one('click', function(){ 
    /* your one-time stuff */
    $("#mainimage").css({ 'max-height':'','max-width':''});
  })
  .toggle(
    function() {
      $('#mainimage').animate({"width": 1600, "height": 1200}, "fast");
    }, function() {
      $('#mainimage').animate({"width": hjklw, "height": hjkl}, "fast");
  });

通过类应用一次性样式，然后在一次性部分中使用 .removeClass 删除它们可能会更容易。