繁体   English   中英

jQuery 切换转换 translate3 值

jQuery Toggle Transform translate3 value

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个 javascript function 它是这样的:

function toggle() {
  $('.sidebar').toggle();
}

我可以用一些 css 作为侧边栏:

.sidebar {
  transform: translate3d(-280px, 0px, 0px);
  position: absolute;
  width: 280px;
  background: #263249;
  color: #eee;
  left: 0;
  height: 100%;
  transition: all .3s;
}

此侧边栏现在已隐藏,但是当我运行切换 function 时,我需要它来切换此值:

transform: translate3d(0px, 0px, 0px);

我怎样才能做到这一点?

1 个回复

您可以使用切换类

 function toggle() { $('.sidebar').toggleClass('newValue'); }
 .sidebar { transform: translate3d(-280px, 0px, 0px); position: absolute; width: 280px; background: #263249; color: #eee; left: 0; height: 100%; transition: all.3s; }.newValue { transform: translate3d(0px, 0px, 0px); }

1 起始jQuery宽度:“ toggle”的值为零

我有以下jQuery代码: 这将在#logo内跨度并为其宽度设置动画。 这是完美的,除了我希望跨度从零宽度开始然后切换。 我可以通过另一个函数来切换页面加载时的宽度,但是我不想在页面第一次加载时出现难看的闪烁。 我试过增加width: 0px; 但这完全打破了它。 这是 ...

2012-02-27 17:58:52 2 817   jquery
3 使用JQuery .Toggle和CSS转换按钮

我尝试使用切换功能显示菜单。 菜单显示,然后隐藏其自身,而无需两次单击按钮。 我已经添加了 e.preventDefault(); 并奏效了,但按钮不再按应有的方式变形了? $(document).ready(function() { $(".spinner-mast ...

4 jQuery,在toggle()中重置表单值

我正在使用JQuery toggle()函数来允许用户在表单内动态向选择框添加新值。 如果用户单击“添加”,则会显示一个DIV,其中带有一个输入框,并且“添加”文本将更改为“删除”。 如果用户单击“添加”,然后在新的输入框中输入一些文本,然后单击“删除”,则我想清除输入框。 此 ...

5 jQuery,toggle()

我的页面有动态div,我想在其中切换两个div。 我需要保留div的原始值,所以这可能是错误的方法 到目前为止,这是我的代码,似乎无法实现。 ...

9 jQuery .toggle方法

我有以下JavaScript / JQuery代码,它们应使div SideBar出现在屏幕上,并成为正文大小的1/5。 我在Firefox / Chrome控制台中没有收到任何错误,也不知道为什么它不起作用。 如果我将第一个切换方法的主体移到该方法本身中,它将很好地工作,所以我假设我使用了 ...

10 .toggle()问题与jQuery

我有一个表格,其中有一个问题,您可以通过勾选复选框来选择多个答案,包括“其他”。 然后勾选其他框,假设显示一个文本框,当取消选中该框时,它应该再次隐藏该文本框。 当我取消选中它时,会发生什么事,是的,它隐藏了,但仍然弹出验证错误。 我不确定是什么原因造成的。 换句话说,尽管它是隐藏的 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM