使用prepOverlay時，如何防止打開多個疊加層？

Question

我正在使用Plone 4.3，我有一個browserview，其中有一些鏈接可以打開特定形式的覆蓋圖，在我的html中，

<table>
    <thead>
        <tr>
            <th class='.prep_form'>Sun</th>
            <th class='.prep_form'>Mon</th>
            ...
        </tr>
    </thead>
    <tbody>
        ...
    </tbody>
</table>

在我的jQuery文件中

jquery(function($){
    ...
    $('.prep_form').prepOverlay({
        subtype: 'ajax',
        filter: '#content-core > form',
        noform: 'redirect',
        redirect: function(){
            redirect_location = ""; // put together a string
            return redirect_location;
        },
    });
    ...
});

不幸的是，在打開表單覆蓋圖之前，我可以多次單擊鏈接，這將導致多個打開。

如何防止打開多個覆蓋物？

Answer 1

在“ jQuery 文檔 ”工具中，有一個Overlay選項： oneInstance:true但它應該是默認值。 您可以通過this.getOverlay().close()關閉所有打開的疊加層

$('.prep_form').prepOverlay({
    subtype: 'ajax',
    filter: '#content-core > form',
    noform: 'redirect',
    redirect: function(){
        redirect_location = ""; // put together a string
        return redirect_location;
    },
    config: {
        oneInstance:true,
        onBeforeLoad : function (e) {
            console.log('onBeforeLoad', this.getOverlay());                
            this.getOverlay().close();
            return true;
        }
    }        
});