Я новичок в jQuery и пытаюсь изменить атрибут элемента SVG после его клонирования, но атрибуты не изменятся.Я могу сказать, что он успешно дублирует и добавляет прямоугольник (вы можете сказать это из-за прозрачности), но он не перемещает новый прямоугольник вправо, как я ожидал.Кто-нибудь знает, почему это не работает?
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("rect#current").clone().attr("x","10").appendTo($("svg"));
});
});
</script>
</head>
<body>
<svg width="100" height="20">
<rect y="0" x="0" height="10" width="10" id="current"
style="fill:#000000;fill-opacity:0.1;stroke:#000000;stroke-width:1;stroke-opacity:0.5;"/>
</svg><br/>
<button>Clone</button><br>
</body>
</html>