【问题标题】:Multiply a css value that changes itself from time to time [closed]乘以不时改变自身的css值[关闭]
【发布时间】:2014-06-20 12:13:25
【问题描述】:

我有一个用于移动访问者的图像滑动器,它是一个全宽滑动器。它每 10 秒自动滑动一次,通常不会自己滑动图像的最大宽度为 640 像素,并且图像会响应以适应屏幕,滑块向左或向右移动:“X”像素;它检查屏幕的宽度是多少以及它向左或向右移动多远(左:负数或正数)。现在我有一个最大宽度为 1240 像素的图像。

红色显示滑块必须经过的位置。我无法更改执行滑块的脚本,所以我不得不找出其他东西,我做到了,我想出了将宽度乘以 2 的想法,因此滑块向左或向右移动 1280px 的 CSS left 或 right 与 left: "X"px;

我尝试了一些 jquery 代码来做到这一点,它有点工作,但滑块回到标准左侧:如果你来到页面左侧是 0px;所以它不能做任何事情然后它会去例如 640px;而且它不会将它乘以 2。现在我在宽度上的另一个元素上尝试了它,它只是起作用了,但那是因为该值本身并没有改变。

现在我想知道每次他的值变化时是否可以乘左。

【问题讨论】:

  • 能否提供代码/jsFiddle。

标签: jquery css jquery-mobile


【解决方案1】:

我认为滑块 OVERRIDING CSS 值存在问题,请在像素中使用“!Important”,然后查看

点赞position-left:'1280px!important';

希望你的问题能解决

编辑:

jquery 代码会喜欢

var currntLeft = $("#OR.Element").position().left;
var currntTop = $("#OR.Element").position().top;

然后做乘法再设置

currntTop = currntTop * 2;
currntLeft = currntLeft * 2;

$("#OR.Element").css('top',currntTop+'px!important');
$("#OR.Element").css('left',currntLeft+'px!important');
$("#OR.Element").css('position','absolute');

【讨论】:

  • 我需要一个 jquery 代码之类的东西,它必须乘左:
  • @Rikato 我已经更新了我的答案
  • 我认为它可以工作,但我是一个前端开发人员,我不知道如何设置一个函数,我可以把它放在哪里,你能帮忙吗?
  • 您可以在滑块运行后放置此功能
  • 我没有访问 slider.js,但我有一个 custom.js,所以如果我将我的 id 和类放在代码中并放入它,我必须在 custom.js 中创建一个函数在 custom.js 中它不起作用,所以我认为它需要是一个函数,但是如何?
猜你喜欢
  • 2020-05-16
  • 2012-08-28
  • 1970-01-01
  • 2022-01-12
  • 1970-01-01
  • 2019-09-08
  • 2013-10-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多