删除正文类关闭与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

回答

相关问题