返回一个CSS元素(用于边界检查)

时间:2012-06-10 22:20:42

标签: css html5 adobe-edge

有没有办法返回CSS元素?

我正在使用Adobe Edge并在其代码选项卡中添加我自己的一些代码,但为了创建边界,我需要跟踪margin-top或margin-left。以下代码用于移动元素“woo”,但我不确定如何调用元素来添加类似“|| sym。$(”woo“)。css({”margin-left“> 0px”移动左侧代码。

//Move RIGHT
if (e.which == 39) {
   sym.$("woo").css({"margin-left":"+=10px"});
}
//Move UP
else if (e.which == 38) {
    sym.$("woo").css({"margin-top":"-=10px"});
}
//Move Left
else if (e.which == 37) {
    sym.$("woo").css({"margin-left":"-=10px"});
}
//Move DOWN
else if (e.which == 40) {
    sym.$("woo").css({"margin-top":"+=10px"});
}

编辑:

我将Left if语句更改为以下内容:

else if (e.which == 37 && ($("woo").css("margin-left")>0)) {

它似乎在某种程度上起作用,但现在它根本不会向左移动!我试着做了< 0,以防我搞砸了一个标志,但它也不会让我把元素移开。

解答:

事实证明,返回值的语法与我想的有点不同。要返回左边距而不是使用破折号,就像我以前设置它一样,我必须按照以下方式进行操作。

sym.$("woo").css('marginLeft')

然后实际使它成为一个int并比较它我使用它。

if(parseInt(sym.$("woo").css('marginTop'))>0)

2 个答案:

答案 0 :(得分:1)

您可以通过调用.css() method

来获取CSS属性的值
$(...).css('margin-left')

答案 1 :(得分:0)

事实证明,返回值的语法与我想的有点不同。要返回左边距而不是使用破折号,就像我以前设置它一样,我必须按照以下方式进行操作。

sym.$("woo").css('marginLeft')

然后实际使它成为一个int并比较它我使用它。

if(parseInt(sym.$("woo").css('marginTop'))>0)