Javascript Jquery CSS转换不适用于android中cordova中的get 5th值_Javascript_Android_Jquery_Css_Cordova

Javascript Jquery CSS转换不适用于android中cordova中的get 5th值

javascript android jquery css cordova

Javascript Jquery CSS转换不适用于android中cordova中的get 5th值,javascript,android,jquery,css,cordova,Javascript,Android,Jquery,Css,Cordova,问题是：我构建cordova android并运行，但当我尝试读取下面代码的第5个值（Y轴中的值）时： $("piece.black").css("transform") 它对我来说总是“0”，但它确实得到了第四个值，但我试着去读关键是这对X有好处换句话说，为什么它在下一行得到“0” alert($("piece.black").css("transform").match(/-?[\d\.]+/g)[5]); 但这对“[4]”来说是正确的它在浏览器中工作得很好，但在cordova（a

问题是：我构建cordova android并运行，但当我尝试读取下面代码的第5个值（Y轴中的值）时：

$("piece.black").css("transform")

它对我来说总是“0”，但它确实得到了第四个值，但我试着去读

关键是这对X有好处

换句话说，为什么它在下一行得到“0”

alert($("piece.black").css("transform").match(/-?[\d\.]+/g)[5]);

但这对“[4]”来说是正确的

它在浏览器中工作得很好，但在cordova（android）中却不行。我测试了JQuery的其他版本，但不工作

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>test</title>
    <style type="text/css" >
        .pawn{
            background-color: red;
            width: 10%;
            min-width: 10%;
            position: absolute;
            padding-top: 10%;
            background-size: contain;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <div id="mainGame" style="background-color: #ccccff;width: 100%;padding-top: 100%;">
    </div>

    <script type="text/javascript" src="js/jquery/jquery-1.7.2.min.js" ></script>
    <script type="text/javascript" src="js/jquery/jquery-ui-1.8.21.custom.min.js"></script>
    <script type="text/javascript">
        $("#mainGame").append("<piece style='transform: translate(600%,500%);' class='pawn black'></piece>");
        alert($("#mainGame").width());
        alert($("piece.black").css("transform"));
        alert($("piece.black").css("transform").match(/-?[\d\.]+/g)[4]);
        alert($("piece.black").css("transform").match(/-?[\d\.]+/g)[5]);
    </script>

</body>


测试
.典当{
背景色：红色；
宽度：10%；
最小宽度：10%；
位置：绝对位置；
垫面：10%；
背景尺寸：包含；
排名：0；
左：0；
}
$（“#主游戏”）。追加（“”）；
警报（$（“#主游戏”）.width（）；
警报（$（（$piece.black”）.css（“转换”）；
警报（$（“piece.black”）.css（“transform”）.match（/-？[\d\.]+/g）[4]）；
警报（$（“piece.black”）.css（“transform”）.match（/-？[\d\.]+/g）[5]）；

我发现问题是使用“%”的原因，显然有些版本的android工作正常，但不是min！！！

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>test</title>
    <style type="text/css" >
        .pawn{
            background-color: red;
            width: 10%;
            min-width: 10%;
            position: absolute;
            padding-top: 10%;
            background-size: contain;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <div id="mainGame" style="background-color: #ccccff;width: 100%;padding-top: 100%;">
    </div>

    <script type="text/javascript" src="js/jquery/jquery-1.7.2.min.js" ></script>
    <script type="text/javascript" src="js/jquery/jquery-ui-1.8.21.custom.min.js"></script>
    <script type="text/javascript">
        $("#mainGame").append("<piece style='transform: translate(600%,500%);' class='pawn black'></piece>");
        alert($("#mainGame").width());
        alert($("piece.black").css("transform"));
        alert($("piece.black").css("transform").match(/-?[\d\.]+/g)[4]);
        alert($("piece.black").css("transform").match(/-?[\d\.]+/g)[5]);
    </script>

</body>