Cần giúp đỡ jquery không hoạt động

lasperpen · September 3, 2019, 10:55am

Hiện tại e đang dùng đoạn ajax click để load các phần tử trang khác qua bên trang index của e.
Nhưng khi e thêm 1 đoạn script chèn vào để thêm các phần tử đã load.
Hàm này e dùng thì nó k load được:

$(document).ready(function() {

Nhưng khi e dùng hàm này:

$(document).ajaxComplete(function() {

thì mỗi lần click nó lại load thêm.

Cho nên kết cục e muốn hỏi có hàm nào mà sau khi trang web load xong thì nó hoạt động sciprt đó k ạ?

SITUVN.gcd · September 3, 2019, 11:39am

Click load!
Ý bạn là nó chỉ thực hiện khi có thao tác chứ không tự động?

Theo mình hiểu: Bạn có một nút nhấn để tải ajax, bên trong click() bạn chỉ gọi mà KHÔNG hiển thị dữ liệu nhận được. Thay vào đó bạn lại dùng ready() và ajaxComplete() để nhận và hiển thị.

ready() chỉ tải duy nhất 1 lần sau khi trang (toàn bộ HTML, CSS và Javascript) tải xong. Khi bạn nhấn vào nút tải ajax, thì có lẽ ready() đã thực hiện xong rồi. Và bạn nên biết ready() và ajax chẳng liên quan gì đến nhau cả.
ajaxComplete() xảy ra khi MỌI ajax hoàn thành việc tải. Nên dùng có chọn lọc.

Hướng thực hiện:

Nếu bạn muốn tự động thì dùng ready(), bên trong hàm thì thực hiện gọi ajax và hiển thị luôn.
Nếu muốn thủ công thì thực hiện gọi và hiển thị ngay trong click().

Nếu là thủ công thì việc nhấn nhiều lần sẽ làm dữ liệu bị lặp lại.
Hoặc là chỉ cho nhấn 1 lần, hoặc là các lần nhấn sau thì tải thêm dữ liệu khác (kế tiếp) nữa.

$.ajax({
url:"page",
data:{},
success: function(data){
    // Thực hiện hiển thị dữ liệu ở đây theo tham biến data của hàm.
}
});

Còn nhiều cách thực hiện nữa, bạn có thể tìm hiểu thêm.
https://api.jquery.com/jquery.ajax/

SITUVN.gcd · September 5, 2019, 10:56am

Thì bạn thêm 1 biến hoặc thuộc tính cho thẻ đã tải (load) để đánh dấu nó đã được tải rồi. Nếu lần gọi sau đã có biến/thuộc tính đó thì không gọi ajax nữa.