Jquery - onclick事件 - div内容反射

时间:2014-05-04 18:35:05

标签: jquery html reflection svg

是否有任何简单/不那么简单的方法来实现这样的解决方案,点击超链接后,会反映出一些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

1 个答案:

答案 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");