Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery css过渡_Jquery_Css_Transitions - Fatal编程技术网

Jquery css过渡

Jquery css过渡,jquery,css,transitions,Jquery,Css,Transitions,我一直在为我的网站构建一个iphone优化版,并一直在尝试让动画工作/转换工作 我看了iui/ciui等。但它们似乎对我所需要的太过分了。我正在使用jquery并构建了大部分功能,但我无法获得.animate以使其顺利工作,所以我正在尝试css转换 我有一个div,当单击div中的一个对象时,我希望div转换到页面左侧(标准iphoneui)。 据我所知,不能将css转换应用于父元素onclick,因此我添加了一个带有jquery的类,该类中包含css转换 这是可行的,唯一的例外是我可以开始工作

我一直在为我的网站构建一个iphone优化版,并一直在尝试让动画工作/转换工作

我看了iui/ciui等。但它们似乎对我所需要的太过分了。我正在使用jquery并构建了大部分功能,但我无法获得.animate以使其顺利工作,所以我正在尝试css转换

我有一个div,当单击div中的一个对象时,我希望div转换到页面左侧(标准iphoneui)。 据我所知,不能将css转换应用于父元素onclick,因此我添加了一个带有jquery的类,该类中包含css转换

这是可行的,唯一的例外是我可以开始工作的css转换是

-webkit-transform: translate(-330px, 0); -webkit转换:转换(-330px,0); 我看不出有什么方法可以增加转换时间,所以这最终会像.hide()一样有效。 有什么想法吗

我真的搞不懂其他的转换是如何工作的。 像

-webkit转换属性:左; -webkit过渡时间:4s; 我将如何指定离目标还有多远(实际上我是负数)。而且,这似乎不是在add类上触发的

我已经查看了,但无法根据该文档找出如何执行此操作

谢谢
Pete

你能不能不使用标准的css定位和jquery动画?如果没有,可能会有帮助?

请查看:

我不完全确定iPhone是否支持所有这些技术,但可能性很高

-webkit-transition-property: left; -webkit-transition-duration: 4s;