Công cụ jQuery: Cách đóng một lớp phủ?

Question

$("a[rel]").getOverlay().close(); 
$("a[rel]").close(); 

Cả hai đều không hoạt động.

$(document).ready(function() { 
     $("a[rel]").overlay({ 
      mask: '#3B5872', 
      effect: 'apple', 
      onBeforeLoad: function() { 
       var wrap = this.getOverlay().find(".contentWrap"); 
       wrap.load(this.getTrigger().attr("href")); 
      }, 
      onLoad: function() { 
       $('.contentWrap form').submit(function (event) { 
        event.preventDefault(); 
        $("a[rel]").overlay().close(); 
        hijack(this, update_employees, "html"); 
       }); 
      } 
     }); 
    }); 

    function hijack(form, callback, format) { 
     $.ajax({ 
      url: form.action, 
      type: form.method, 
      dataType: format, 
      data: $(form).serialize(), 
      success: callback 
     }); 
    } 

    function update_employees(result) { 
     $("#gridcontainer").html(result); 
    } 

Mọi đề xuất?

Tôi sử dụng Chrome vì sự kiện onLoad có vẻ không hoạt động chính xác trong FF.

Answer 1

Như thế này:

$("a[rel]").overlay().close(); 

Đối với hầu hết các kịch bản của họ, bạn gọi phương thức ban đầu, ví dụ .overlay() rồi gọi the method you want trên đối tượng đó.

Answer 2

Bạn cần phải thiết lập api:true trong tính nếu bạn muốn đóng nó từ js:

var overlay = $("a[rel]").overlay({ 
    ... 
    api:true 
}); 

overlay.close(); 

Answer 3

Vấn đề, trong trường hợp giao lớp phủ lên lớp, là sẽ có nhiều yếu tố che phủ, vì vậy tất cả phải được đóng lại:

$.each($(".caddy_grid"), function(i, v){$(v).overlay().close();}) 

Ngoài ra, nó có thể để mô phỏng một nhấp chuột vào nút đóng:

lớp kích hoạt lớp phủ trong trường hợp của tôi là caddy_grid_overlay, vì vậy nút đóng có thể được truy cập như:

$('.caddy_grid_overlay .close').click(); 

Answer 4

Hãy thử

$("a[rel]").data("overlay").close(); 

Tôi sử dụng này để đóng lớp của tôi.

nguồn: http://forum.jquery.com/topic/having-trouble-timing-jquery-tools-overlay-to-close-after-a-few-seconds

Answer 5

$(document).ready(function() { 
    var overlayObject = $("a[rel]").overlay({ 
     top: 50, 
     expose: { 
        color: '#232323', 
        closeOnClick: true 
       }, 

       onClose:function() { 
        $('#reg-login').hide(); 
        $('#reg-register').hide(); 
       }, 
     effect: 'apple' 
});  

Answer 6

Nó sẽ làm việc cho bạn, Vui lòng tham khảo mã ở đây,

var api = $("a[rel]").data("overlay"); 

api.close();//close this overlay 

tham khảo:

http://jquerytools.org/documentation/overlay/index.html#api

http://jquerytools.org/documentation/scripting.html

Answer 7

bạn có thể tạo một hàm và gọi nó từ bất kỳ nơi nào bạn muốn.

chức năng này sẽ hoạt động dựa trên tên lớp và liên kết.

chức năng closeOverlay() { alert ('aa'); var overlay = $ (\ "a.ShowOverlay \"). Overlay ({ api: true });

overlay.close(); 
}