JQuery移动旋转按钮90°;默认情况下,添加到网格

JQuery移动旋转按钮90°;默认情况下,添加到网格,jquery,button,mobile,Jquery,Button,Mobile,我如何实现默认情况下向右或向左旋转90°的按钮?我不想让他再点击一次,但他应该在页面加载时就已经打开了 此外,我如何将此按钮定位在垂直中心右侧网格中 像这样: 谢谢, zY我不确定我是否得到了您100%的期望,但我的第一个猜测是只使用CSS写入模式属性(lr tb) 请参阅:我不确定是否100%得到了您想要的,但我的第一个猜测是只使用CSS写入模式属性(lr tb) 见: IE的一个修复方法是用一个图像替换div,或者只设置一个单独的css来处理按钮样式 正如OP所说,“……啊!请让它在I

我如何实现默认情况下向右或向左旋转90°的按钮?我不想让他再点击一次,但他应该在页面加载时就已经打开了

此外,我如何将此按钮定位在垂直中心右侧网格中

像这样:

谢谢,
zY

我不确定我是否得到了您100%的期望,但我的第一个猜测是只使用CSS
写入模式
属性(
lr tb


请参阅:

我不确定是否100%得到了您想要的,但我的第一个猜测是只使用CSS
写入模式
属性(
lr tb

见:

IE的一个修复方法是用一个图像替换div,或者只设置一个单独的css来处理按钮样式


正如OP所说,“……啊!请让它在IE中工作!?…';)下面是一个如何做到这一点的示例:

只需添加到前面的代码中,并根据您的需要修改“px”以最佳定位DIV

if($.browser.msie && $.browser.version<="8.0"){
    btn.css({
        filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)',
        top:'100px',
        left: '184px'   
    });   
}
if($.browser.msie&&$.browser.version

IE的一个修复方法是用一个图像替换div,或者只设置一个单独的css来处理按钮样式


正如OP所问的那样,“…啊!请…让它在IE中工作!?…”;)下面是一个如何做到这一点的示例:

只需添加到前面的代码中,并根据您的需要修改“px”以最佳定位DIV

if($.browser.msie && $.browser.version<="8.0"){
    btn.css({
        filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)',
        top:'100px',
        left: '184px'   
    });   
}


if($.browser.msie&&$.browser.version你可以在你的问题中嵌入图像,让事情变得更好,顺便说一句。完成了。希望它对这里的所有用户都有用。你可以在你的问题中嵌入图像,让事情变得更好,顺便说一句。完成了。希望它对这里的所有用户都有用。它朝着正确的方向发展,我如何将它应用到我的按钮上?哦,美联社家长对这个CSS3属性的支持不如它应该支持的那样…请看:谢谢,这很有效!你知道如何设置它在a区右边的位置吗?它的方向是正确的,我该如何将它应用到我的按钮上?哦,显然这个CSS3属性没有它应该支持的那样…请看:谢谢,这很有效!你知道如何设置它的位置吗ion位于块a右侧?很好,IE有固定的按钮吗?在IE中,按钮没有旋转…谢谢。你的示例基于固定的像素大小,是否可以动态调整?这意味着,始终位于内容区域的右侧并居中?是的!我现在正在工作。一旦我有空,我将用IE制作一个演示修复toozyrex…我对延迟响应表示歉意。我添加了一个演示!请看并让我知道!(另外,我已经对您的问题进行了“+1”处理,因为它对所有其他用户都很清楚和有用!)谢谢,这非常有用,上面提到的最后一个问题,是否可以提供一个没有固定高度和重量的示例?谢谢,完美,IE有固定的吗?在IE中,按钮没有旋转…谢谢。您的示例基于固定的像素大小,是否可以动态调整?这意味着,始终位于屏幕右侧内容区域和中心?是的!我现在正在工作。一旦我有空-我将制作一个演示!使用ie修复toozyrex…我对延迟响应表示歉意。我添加了一个演示!请看并让我知道!(另外,我已经“+1”了您的问题,因为它对所有其他用户都很清楚和有用!)谢谢这很有用,上面提到的最后一个问题,可以提供一个没有固定高度和重量的例子吗?谢谢
if($.browser.msie && $.browser.version<="8.0"){
    btn.css({
        filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)',
        top:'100px',
        left: '184px'   
    });   
}