刪除正文類關閉與simplemodal

我使用埃裏克·馬丁的SimpleModal plugin爲有幾個不同的模式的頁面。其中一個模式的高度和寬度與頁面上的其他高度和寬度不同，因此當點擊較大模式的鏈接時，我已向課程中添加了一個課程。這可以很好地控制該特定模式的風格。但是，當該模式關閉時刪除該類是一個問題。我最初嘗試使用onClose函數，但我沒有取得任何成功。所以當你點擊關閉鏈接時，我嘗試附加removeClass，但它不會刪除主體類？幫幫我？刪除正文類關閉與simplemodal

基本上我想要做這樣的事情，以確保當模式是通過任何封閉類除去使用的OnClose功能內置的方法：

$("#element-id").modal({onClose: function() { 
    $('body').removeClass('classname'); 
}});

提前感謝！

來源

2012-09-22 CSSgirl

而不是增加一個類的身體，如何指定該模式的特定模式的寬度/高度？ – Lian

我嘗試過，但它不允許我向簡單的模式容器中添加一個類，然後我意識到它必須處理我的排序（我在調用modal（）之前試圖添加類）。所以這個方法可以實現我想要的大小，但是我仍然對未來感興趣，如果在我需要使用這種方法的情況下可以做上面提到的問題。 :)另外，謝謝:) – CSSgirl

試試這個：

$('#sample').modal({ 
    onOpen: function(dialog) { 
     $('body').addClass('classname'); 
     dialog.overlay.show(); 
     dialog.container.show(); 
     dialog.data.show(); 
    }, 
    onClose: function(dialog) { 
     $('body').removeClass('classname'); 
     $.modal.close() 
    } 
});

如果你想要一些流暢的動畫，你就必須改變.show()別的東西。 Docs here。

來源

2012-09-22 16:32:38 Lian

非常感謝 - 我會試一試！ – CSSgirl

它工作得很好！謝謝！我喜歡你，但我沒有足夠的代表點！ :) – CSSgirl

刪除正文類關閉與simplemodal

回答

相關問題