Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

Cách ẩn nút được nhấp (thêm) lần cuối khi nhấp vào thêm và khi người dùng nhấp vào nút xóa thì hiển thị nút ẩn (thêm) trước đó

In lại Tác giả: Walker 123 Thời gian cập nhật: 28-11-2023 00:54:41 28 4
mua khóa gpt4 Nike

Tôi đã tạo một trường nơi người dùng có thể thêm bài kiểm tra. Tất cả đều chạy trơn tru, tôi chỉ muốn khi người dùng nhấp vào (thêm một bài kiểm tra khác) thì bài kiểm tra trước đó (thêm một bài kiểm tra khác) sẽ xóa và bài kiểm tra này hiển thị trong trường mới.

Vấn đề duy nhất với tất cả đều hoạt động tốt là nhấp chuột (thêm trường khác) trước khi thêm trường khác không ẩn và tôi muốn nó tự động hiển thị khi người dùng nhấp (xóa) trường khác bị ẩn trước đó.

Vui lòng kiểm tra mã của tôi cảm ơn.

   hàm !(a) {
   "sử dụng nghiêm ngặt";
    một(hàm() {
    var b = a(".wpcf7-field-groups");
    b.length && (b.each(function() {
        a(this).data("group-model", a(this).find(".wpcf7-field-group").eq(0).clone())
    }), a("body").on("wpcf7-field-groups/change", ".wpcf7-field-groups", function() {
        var b = a(this).find(".wpcf7-field-group");
        b.each(hàm(b) {
            a(this).find(".wpcf7-field-group-remove").toggle(b > 0);

            var c = b + 1;
            a(this).find("[name]").each(function() {
                var b = a(cái này),
                    d = b.closest(".wpcf7-form-control-wrap"),
                    e = b.attr("tên"),
                    f = e.indexOf("[]") > -1,
                    g = e.replace("[]", ""),
                    h = g.replace(/__[0-9]*/, "") + "__" + c;
                d.length && !d.hasClass(h) && d.removeClass(g).addClass(h), h += f ? "[]" : "", b.attr("name", h)
            })
        }), a(this).find(".wpcf7-field-group-count").val(b.length)
    }), b.trigger("wpcf7-field-groups/change"), a("body").on("click", ".wpcf7-field-group-add, .wpcf7-field-group-remove" , chức năng() {
        var b = a(cái này),
            c = b.closest(".wpcf7-field-groups");
        if (b.hasClass("wpcf7-field-group-add")) {

            var d = c.data("group-model").clone();
            c.append(d), b.trigger("wpcf7-field-groups/ Added");
        } else b.trigger("wpcf7-field-groups/removed"), b.closest(".wpcf7-field-group").remove();





        trả về c.trigger("wpcf7-field-groups/change"), !1
    }))
})
 }(jQuery);

Đây là mã codepen hoạt động hoàn chỉnh của tôi, vui lòng kiểm tra và cho tôi biết cách giải quyết vấn đề này :)

https://codepen.io/anon/pen/ZqwORX

Cảm ơn trước

câu trả lời hay nhất

Chỉ cần thêm phần này vào hàm liên kết nhấp chuột với phần tử:

 e.currentTarget.style.display = "không";

và sẽeĐược gửi dưới dạng đối số cho một hàm.

Nó diễn ra như thế này:

if (b.hasClass("wpcf7-field-group-add")) {
        e.currentTarget.style.display = "none" // THÊM DÒNG NÀY
        var d = c.data("group-model").clone();
        c.append(d), b.trigger("wpcf7-field-groups/ Added");
}

Về javascript - Cách ẩn nút (thêm) được nhấp lần cuối khi nhấp vào thêm và khi người dùng nhấp vào nút xóa rồi hiển thị nút ẩn (thêm) trước đó, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/53006415/

28 4 0
Đề xuất bài viết: Trình quản lý sự kiện hai cột của WordPress có vấn đề linh hoạt
Đề xuất bài viết: Kiểm soát tờ rơi không được căn giữa theo chiều dọc trên máy Mac
Đề xuất bài viết: Định vị các thành phần bảng thông qua xPath trong Python Selenium
Đề xuất bài viết: html - Các loại nút "nút" và "gửi"
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress