jQuery Инструменты: Как закрыть наложение?

Question

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

Оба не работают.

$(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); 
    } 

Любые предложения?

Я использую Chrome, потому что событие onLoad кажется неправильным в FF.

Answer 1

Как это:

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

Для большинства их сценариев вы называете оригинальный метод, например, .overlay() затем позвоните the method you want на этом объекте.

Answer 2

Вам нужно установить api:true в свойствах, если вы хотите, чтобы закрыть его от JS:

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

overlay.close(); 

Answer 3

Проблемы, в случае присвоения накладки к классу, является то, что там будет много элементов наложения, так все они должны быть закрыты:

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

в качестве альтернативы, можно имитировать щелчок на кнопке закрытия:

класс, который вызывает наложение в моем случае является caddy_grid_overlay, поэтому кнопка закрытия может быть доступен как:

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

Answer 4

Попробуйте

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

Я использую это, чтобы закрыть накладками.

источник: 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

Это будет работать для вас, пожалуйста, смотрите здесь код,

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

api.close();//close this overlay 

Ссылка:

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

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

Answer 7

вы можете создать функцию и вызвать ее из любого желаемого.

эта функция будет работать на основе имени класса и ссылки.

функция closeOverlay() { alert ('aa'); var overlay = $ (\ "a.ShowOverlay \"). Overlay ({ api: true });

overlay.close(); 
}