是否有任何简单/不那么简单的方法来实现这样的解决方案,点击超链接后,会反映出一些div内容?
请看看我的例子: http://jsfiddle.net/V44tS/2/
我使用这样的代码
$("#reflect-content").click(function() {
$('.container').css('-webkit-transform','scaleX(-1)');
$('.container').css('-moz-transform','scaleX(-1)');
$('.container').css('-o-transform','scaleX(-1)');
$('.container').css('-ms-transform','scaleX(-1)');
$('.container').css('transform','scaleX(-1)');
});
我知道像这样粘贴SVG内容可能不是最聪明的方式,但这就是我的客户端系统生成代码的方式..
唯一的事情就是 - 经过一次反思后,行动就停止了。如何在循环中制作它,所以每次点击后,它会反映出来吗?
感谢任何提示!
最好的, 的Pawel
答案 0 :(得分:1)
首先,您可以添加一个新的样式元素,为类容器定义这些CSS属性。
<style>
.containerReflected
{
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
</style>
然后将此类应用于具有类容器的元素。
$('.container').addClass("containerReflected");