【问题标题】:Expanding and resizing div扩展和调整 div
【发布时间】:2016-05-11 16:28:20
【问题描述】:

我有一个 4x4 网格的 div 设置。我想这样做,所以当我点击一个 div 时,它会展开并且可以调整大小。就像它在浏览器窗口中的私人窗口一样。当我双击它时,我希望它重新回到网格线中的原始小正方形

【问题讨论】:

  • 已解决或仍在寻找解决方案?
  • 您能否提供您想要的结果或类似工作效果的屏幕截图?目前尚不清楚您希望它如何表现以及其他元素如何受到影响。 PS听说过灯箱吗?
  • @mike 仍在寻找我的解决方案,但 aziz 让我走上了正确的道路

标签: css html web-applications


【解决方案1】:

用户toggleClass()。 这是工作 Codepen

$('#dude').on('click', function() {
    $(this).toggleClass('expand');
});

【讨论】:

  • 这会进入 css 还是 html 窗口?抱歉,如果我的问题是菜鸟,但我正在学习。我看到那里的 css 括号所以有点让我失望
  • 这是 JavaScript 代码,特别是 jQuery - 它可以位于 HTML 内部的 <script> 标记内,也可以位于外部的 .js 文件中。请注意,如果您想要 jQuery 代码,则需要包含 jQuery 库 - 请参阅 jquery.com
  • 哦,好的,我在 codepen 中看到了。它像我想要的那样扩展,但一旦扩展,我希望它可以调整大小以为其他 div 腾出空间。像寡妇手机软件布局一样思考,但在盒子方面更加对称和可定制
猜你喜欢
  • 1970-01-01
  • 2011-07-30
  • 1970-01-01
  • 1970-01-01
  • 2012-02-16
  • 1970-01-01
  • 1970-01-01
  • 2012-08-22
相关资源
最近更新 更多