首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >无法获取left属性值以在animate方法中执行

无法获取left属性值以在animate方法中执行
EN

Stack Overflow用户
提问于 2013-06-06 20:40:51
回答 2查看 91关注 0票数 0

我有一个带有几个缩略图的旋转木马,当用户点击其中一个时,它的假设是从左侧淡出一个较大的图像,然后从左侧淡入新图像。我相信我的语法是正确的,它像预期的那样淡入淡出,但不是我想要的那样向左。下面是单击事件的jQuery。

代码语言:javascript
运行
AI代码解释
复制
// click event handler for the <a> elements
$("#image_list a").click(function(evt) {
    var lgURL = $(this).attr("href");
    $("#image").animate({ opacity: 0, left: -205 }, 1000,
        function () {
            $("#image").attr("src", lgURL);
            $(this).animate({ opacity: 1, left: "+=205" }, 1000)
        }
    ); //end animate

    evt.preventDefault();
}); //end click
EN

回答 2

Stack Overflow用户

发布于 2013-06-06 20:43:43

尝试使用左边的数字值而不是字符串。

既然你想加205,为什么不把左边设为0呢?

$(this).animate({ opacity: 1, left: 0 }, 1000)

票数 2
EN

Stack Overflow用户

发布于 2013-06-07 12:29:54

效果没有发生的原因是我没有指定相对于元素的位置。在我更新我的CSS后,它的动画效果在左边淡出,然后从左边回来,效果很不错。

代码语言:javascript
运行
AI代码解释
复制
#image {
position: relative;
height: 250px;
margin-bottom: 1em; 
margin-left: 105px;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16971776

复制
相关文章
jquery当中获取某个属性值的方法
例 1.6(attr.html) <html> <head> <title>attr(name)方法</title> <style type="text/css"> <!-- em{     color:#0000ff; } --> </style> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> $(function(){     var sContent = $("em:eq(1)").attr("content");    //获取第二个<em>元 素的title属性值     $("span").text(sContent);  //将sContent的内容放在<span>标签内 }); </script> </head> <body> <p>我们马克-to-win<em content="javaC">java</em>有段时间了</p> <p>javascript<em content="javascriptC">刚学</em>所以难</p> <p>Content属性的值是:<span></span></p> </body> </html>
马克java社区
2021/02/01
3.9K0
jquery当中获取某个属性值的方法
在Springmvc中获取properties属性
一些关键的属性一般都会拿出来作为配置,比如数据库连接等。在springmvc中也提供了获取property的类,比如@Value来获取。我接触spring很浅,基本上都是百度的问题解决方法,百度到@value的用法,按照说明尝试了两次都失败了。正巧身边又有合适的方法,于是便没有去深入研究为什么失败,这个留在以后研究。下面就是获取代码: 源码来自:https://github.com/thinkgem/jeesite 1 package com.demo.common.utils; 2 3 im
Ryan-Miao
2018/03/13
3.6K0
反射获取属性字段及属性值
上篇文章我们可以通过自己的类加载器加载指定类了,在获取指定类后我们需要拿到类属性名称及类属性的值。 获取属性字段: public static List<Field> getFields(String
春哥大魔王
2018/07/23
4.5K0
反射获取属性字段及属性值
【MATLAB】基本绘图 ( 句柄值 | 对象句柄值获取 | 创建对象时获取句柄值 | 函数获取句柄值 | 获取 / 设置 对象属性 | 获取对象属性 )
对象的句柄值 , 类似于编程时的引用 , 将对象的句柄值赋值给变量后 , 该变量就可以代表指定的绘图对象 ;
韩曙亮
2023/03/29
7K0
【MATLAB】基本绘图 ( 句柄值 | 对象句柄值获取 | 创建对象时获取句柄值 | 函数获取句柄值 | 获取 / 设置 对象属性 | 获取对象属性 )
Oracle——无法在查询中执行 DML 操作
create or replace function test_f(id varchar2) return varchar2 is Result varchar2(100); begin insert into sfcs_temp_17109 (sn)values(id);
_一级菜鸟
2019/09/10
4.4K0
Oracle——无法在查询中执行 DML 操作
jQuery获取data-*属性值
http://www.cnblogs.com/lzijian/p/6322868.html
kirin
2020/12/17
2.9K0
jQuery获取data-*属性值
margin-left 属性
margin-left 该属性用于设置与元素相关联的盒子模型的左外边距。这个值可以为负值。
Html5知典
2019/11/26
5610
padding-left 属性
padding-left 该属性用于设置标签的左部填充区域的高度,负值无效。
Html5知典
2019/11/26
6930
java 反射机制--根据属性名获取属性值
1.考虑安全访问范围内的属性,没有权限访问到的属性不读取 [java] view plain copy /**      * 根据属性名获取属性值      *       * @param fieldName      * @param object      * @return      */   private String getFieldValueByFieldName(String fieldName, Object object) {   try {              Fiel
庞小明
2018/07/06
5.4K0
在 Vue.js 中通过计算属性动态设置属性值
前面我们已经陆续介绍了 Vue.js 框架的常用基本语法,现在,我们可以结合这些语法实现一个小功能:展示一个 Web 框架列表,并支持新增框架。
学院君
2023/03/03
13.1K0
在 Vue.js 中通过计算属性动态设置属性值
Java反射,通过对象获取属性及属性值
在工作中,我们有时候会有很多重复的东西,唯一不一样的,可能就是对象不同,取字段什么的都是一样的。这个时候,就要不断的复制,然后修改对象。太狗屎了。那么有没有不用到处复制的呢?可以使用到Java反射来实现。
凯哥Java
2022/12/16
4.6K0
Java反射,通过对象获取属性及属性值
在ASP.NET中获取文件属性
www.chinacs.net  2001-8-13  中文C#技术站在ASP.NET中获取文件属C#
Java架构师必看
2021/03/22
3K0
通过反射方式无法获取对象属性
最近在一个项目上开发的接口与业务方联调时计算参数签名总是对不上,经过排查后定位到原因: 1.父类定义的属性列表,全部为public类型 2.子类中未定义新的属性,所有属性都继承自父类 3.在计算签名时传递的是子类对象,子类对象使用反射方式调用getDeclaredFields()方法无法获取到从父类继承的属性
编程随笔
2021/12/21
3K0
jsp的appilication.getInitParameter()方法无法获取到值的问题
背景介绍 今天研究jsp的内置对象时发现,使用appilication.getInitParameter()从web.xml文件中获取值的时候,死活获取不到,折腾了将近一个小时,后来出现问题的原因却让
roobtyan
2018/06/04
1.7K0
Map中获取key-value值的方法
Map集合是一种键值映射形式的集合。当调用put(Kkey,V value)方法把数据存到Map中后,那么如何把Map中的key值和value值取出来呢?都有哪几种取值的方法呢?下边就来一介绍一下。
Breeze.
2022/04/23
9.9K0
Map中获取key-value值的方法
Jquery attr()方法 属性赋值和属性获取
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。
软件小生活
2021/08/16
10.5K0
Jquery attr()方法 属性赋值和属性获取
Shift Left在开发安全中的应用
开发安全是一个老生常谈的话题,随着云计算、虚拟化等技术的发展,开发安全在SDL(Software Development Life Cycle)、DevOps中的体现也倍受关注。很高兴受邀参加EISS开发安全分会场的邀请,谈谈自己对开发安全的一些理解与思考。会上分享的材料也都提供给主办方,并且也在SDL专属群中分享。考虑到PPT终究只是个框架,很难描绘出会议上分享的内容,故趁着假期挑灯夜战记录下来。
aerfa
2021/06/17
1.5K0
Shift Left在开发安全中的应用
​别再用方括号在Python中获取字典的值,试试这个方法
在字典中访问值的传统方法是使用方括号表示法。这种语法将术语的名称嵌套在方括号中,如下所示。
小白学视觉
2022/02/14
3.8K0
MFC中使用COleVariant获取CMFCPropertyGridProperty属性窗口某个属性值
  获取MFC属性窗口CMFCPropertyGridProperty中某个item的值时,如果不小心写错了类型,就会导致获取的结果不正确,原因就是COleVariant其实继承自一个特殊的结构体tagVARIANT。
全栈程序员站长
2022/09/09
1.8K0
JQuery笔记(二) animate支持的属性
以常见的图片切换效果对animate的动画做了实验,用了两种方式,一种是修改相对位置,一个是修改背景的位置,结果第一种可以,第二种失败。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ
用户1075292
2018/01/23
8910
JQuery笔记(二) animate支持的属性

相似问题

Angular animate Left不工作

11

.stop().animate({ left:"-100%“},500,function()

10

关于动画.animate属性left和width的jquery css ()问题

10

无法在.ajax()请求后执行.animate()

10

Element.animate(‘margin left’,值)使用Chrome在Firefox中不起作用

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档