Khi tôi nhấp vào thẻ liên kết, hình ảnh sẽ chuyển từ div#left
thành div#right
. Tôi muốn hình ảnh được sao chép. Đây có phải là hành vi mặc định của prepend()
không? Làm thế nào tôi có thể tránh được vấn đề này?Làm cách nào để tôi có thể ngăn không cho jQuery thêm() xóa HTML?
Hình ảnh chỉ là trình giữ chỗ cho div lớn với nhiều trẻ em.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="Scripts/JavaScript.js"></script>
</head>
<body>
<div id="left" style="float:left">
<img src="Images/Rooms/K1.jpg" alt="Alternate Text" height="200" width="200"/>
</div>
<div id="right" style="float:right"></div>
<a id="addImageToRight" href="#">Add Image toRight</a>
</body>
</html>
Các jQuery là:
$(document).ready(function() {
$("#addImageToRight").click(function() {
var $image = $("#left img");
var imgCopy = $image;
$("div#right").prepend(imgCopy);
});
});
'imgCopy' không phải là bản sao. Nó là cùng một đối tượng. – njzk2