Javascript jQuery toggle（），dblclick（）将显示更改为无

我创建了一个div，当我双击它时，它会将div的全部内容扩展到全屏。我现在想能够切换时，双击这个，使它回到原来的大小

代码正在增加div的大小，但是一旦添加了toggle（）函数，现在当我第一次双击时，它会将显示更改为none。我假设我只是错误地使用了toggle，但是我不知道如何使它工作

HTML CSS

---

我相信这就是你想要的：

$(document).ready(function(){
    $("#framewrap").dblclick(function(){
        $(this).toggleClass('newClass');
    });
});

CSS:

---

我相信这就是你想要的：

$(document).ready(function(){
    $("#framewrap").dblclick(function(){
        $(this).toggleClass('newClass');
    });
});

CSS:

---

我相信这就是你想要的：

$(document).ready(function(){
    $("#framewrap").dblclick(function(){
        $(this).toggleClass('newClass');
    });
});

CSS:

---

我相信这就是你想要的：

$(document).ready(function(){
    $("#framewrap").dblclick(function(){
        $(this).toggleClass('newClass');
    });
});

CSS:

jQuery

CSS

jQuery

CSS

jQuery

CSS

jQuery

CSS

---

---

---

尽量不要使用函数

.dblclick（function（）{}）

，因为说：

.on（“dblclick”，function（）{}）

你的代码没有意义。阅读切换的作用。可能就是你想要的（在一个类中有所有的css）。“如果你不能简单地解释它，你就不太理解它”——某位著名人士这样说。。idr谁。也许是爱因斯坦，但不管怎样，在阅读了你的链接后，我仍然看不到任何优势。尤其是在这种情况下。这不是一个动态创建的元素，对于记录，

.off（）

可以正常工作，无论您是使用

on

还是它的别名。。总之，如果你能在评论中简单地解释一下为什么别名不适合使用，我将不胜感激@NeilS@NeilS，你有一种独特的态度。尽量不要使用函数

.dblclick（function（）{}）

，因为说：

。on（“dblclick”，function（）{}）

你的代码没有意义。阅读切换的作用。可能就是你想要的（在一个类中有所有的css）。“如果你不能简单地解释它，你就不太理解它”——某位著名人士这样说。。idr谁。也许是爱因斯坦，但不管怎样，在阅读了你的链接后，我仍然看不到任何优势。尤其是在这种情况下。这不是一个动态创建的元素，对于记录，

.off（）

可以正常工作，无论您是使用

on

还是它的别名。。总之，如果你能在评论中简单地解释一下为什么别名不适合使用，我将不胜感激@NeilS@NeilS，你有一种独特的态度。尽量不要使用函数

.dblclick（function（）{}）

，因为说：

。on（“dblclick”，function（）{}）

你的代码没有意义。阅读切换的作用。可能就是你想要的（在一个类中有所有的css）。“如果你不能简单地解释它，你就不太理解它”——某位著名人士这样说。。idr谁。也许是爱因斯坦，但不管怎样，在阅读了你的链接后，我仍然看不到任何优势。尤其是在这种情况下。这不是一个动态创建的元素，对于记录，

.off（）

可以正常工作，无论您是使用

on

还是它的别名。。总之，如果你能在评论中简单地解释一下为什么别名不适合使用，我将不胜感激@NeilS@NeilS，你有一种独特的态度。尽量不要使用函数

.dblclick（function（）{}）

，因为说：

。on（“dblclick”，function（）{}）

你的代码没有意义。阅读切换的作用。可能就是你想要的（在一个类中有所有的css）。“如果你不能简单地解释它，你就不太理解它”——某位著名人士这样说。。idr谁。也许是爱因斯坦，但不管怎样，在阅读了你的链接后，我仍然看不到任何优势。尤其是在这种情况下。这不是一个动态创建的元素，对于记录，

.off（）

可以正常工作，无论您是使用

on

还是它的别名。。总之，如果你能在评论中简单地解释一下为什么别名不适合使用，我将不胜感激@NeilS@NeilS，你的态度很独特，这不管用。可能是因为我也在使用jQuery UI吗？这似乎是基于可调整大小和可拖动的属性分配类。这是否会中断toggleClass（）？jquery ui是jquery，它们是为协同工作而构建的，因此不，jqui没有干扰。@Aldentec，在jsfiddle.net上创建一个演示please@Adelphia，不完全正确，如果您添加jQuery UI，情况会发生变化，尽管它们确实是为了协同工作而实现的。选择此选项作为正确答案，因为它是此问题的解决方案。然而，我有一些其他的东西与此相冲突，因为这在JSFIDLE中有效，但不适用于我的站点。可能是因为我也在使用jQuery UI吗？这似乎是基于可调整大小和可拖动的属性分配类。这是否会中断toggleClass（）？jquery ui是jquery，它们是为协同工作而构建的，因此不，jqui没有干扰。@Aldentec，在jsfiddle.net上创建一个演示please@Adelphia，不完全正确，如果您添加jQuery UI，情况会发生变化，尽管它们确实是为了协同工作而实现的。选择此选项作为正确答案，因为它是此问题的解决方案。然而，我有一些其他的东西与此相冲突，因为这在JSFIDLE中有效，但不适用于我的站点。可能是因为我也在使用jQuery UI吗？这似乎是基于可调整大小和可拖动的属性分配类。这是否会中断toggleClass（）？jquery ui是jquery，它们是为协同工作而构建的，因此不，jqui没有干扰。@Aldentec，在jsfiddle.net上创建一个演示please@Adelphia，不完全正确，如果您添加jQuery UI，情况会发生变化，尽管它们确实是为了协同工作而实现的。选择此选项作为正确答案，因为它是此问题的解决方案。然而，我有一些其他的东西与此相冲突，因为这在JSFIDLE中有效，但不适用于我的站点。可能是因为我也在使用jQuery UI吗？这似乎是基于可调整大小和可拖动的属性分配类。这是否会中断toggleClass（）？jquery ui是jquery，它们是为协同工作而构建的，所以不，jqui不是inter

.newClass
{
     width:100%,
     height:100%,
     ...
     ...
 }

$(document).ready(function() {
    $("#framewrap").on('dblclick', function() {
        $("#framewrap").toggleClass('fixed');
    });
});

.fixed { 
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    right:0;
    top:5px;
    bottom:0
}