- Checks for the existance of rootElement in the settings object
- Uses rootElement if it is set, otherwise it appends the reveal
to <body>
**Depends on PR:** #3743
Usage
----------
To change the element, pass in an a settings object on initialization:
```JS
$(document).foundation( 'reveal', { rootElement: '#alternate-element'})
```
Or on open:
```JS
$('#myModal').foundation( 'reveal', 'open', { rootElement: '#alternate-element' });
```
Purpose
------------
In a QUnit test environment, I needed the reveal to stay within the
confines of the testing sandbox, so that the app code under test
retained access to the modal.
This feature is transparent, if no rootElement is specified, then
reveal behaves exactly as expected. But, if you need to attach the
reveal to another element, then you can.
if (css) {
var settings = el.data('reveal-init');
if (el.parent('body').length === 0) {
- var placeholder = el.wrap('<div style="display: none;" />').parent();
+ var placeholder = el.wrap('<div style="display: none;" />').parent(),
+ rootElement = this.settings.rootElement || 'body';;
el.on('closed.fndtn.reveal.wrapped', function() {
el.detach().appendTo(placeholder);
el.unwrap().unbind('closed.fndtn.reveal.wrapped');
});
- el.detach().appendTo('body');
+ el.detach().appendTo(rootElement);
}
if (/pop/i.test(settings.animation)) {
projects / thirdparty / foundation / foundation-sites.git / commitdiff
