Tôi đang sử dụng ImageFlow SEE tôi muốn thêm div vào Đầu Hình ảnh khi hình ảnh được nhấp và Trang trình bày vào Trung tâm. Tôi đã cố gắng kiểm tra tập tin js nhưng MoveIT() hàm được gọi rất nhiều lần trong js và m không thể để xác định,Thêm div ở trên cùng của hình ảnh được căn giữa?
t.wrap('<div class="f1_card"></div>');
khi tôi nên viết để quấn div xung quanh hình ảnh.
Cảm ơn,
Bạn có thể sử dụng hàm prepend() của jquery. Bạn chỉ cần chọn phần tử hình ảnh và sau đó gọi hàm prepend. Xem ví dụ:
$('.target_image').prepend('<div class="f1_card"></div>');
Điều này sẽ ổn nếu bạn muốn thêm phần tử nếu bạn muốn thêm trước phần tử. Nhưng nếu bạn muốn bọc một phần tử với một div thì bạn phải sử dụng hàm wrap().
$('.target_image').wrap('<div class="f1_card"></div>');
Và rõ ràng bạn phải đặt mã này ở trên trong hàm nhấp chuột hoặc sự kiện tương tự bạn muốn. xem ví dụ:
$('.target_image').on('click', function(){
$(this).prepend('<div class="f1_card"></div>');
});
Đây div với lớp 'f1_card' sẽ là lớp cha của phần tử target_image của bạn. Hy vọng điều này sẽ giúp bạn.
Nếu bạn đang sử dụng chức năng hoạt ảnh, có lẽ bạn có thể thử một cái gì đó như thế này.
$('.myimage').click(function() {
$(this).animate({
/*.do stuff...*/
}, 'slow', function(){
$(this).prepend('<div class="f1_card">my content here</div>');
});
});
Điều này hoạt động như sau. Khi bạn nhấp vào hình ảnh của bạn, nó sẽ thực hiện hoạt hình jquery của bạn. Một khi các hình ảnh động chính xác đã được thực hiện chức năng sau đó, tại đích (trong trường hợp này, div nhấp) thêm một yếu tố. Theo tài liệu API, điều này sẽ "chèn nội dung, được chỉ định bởi thông số, vào đầu mỗi phần tử trong tập hợp các phần tử được đối sánh."
Bạn có thể căn giữa div và sử dụng chỉ mục z trong css.