framework7

Open full view…

popup issues

gregkeys
Fri, 27 Jun 2014 10:01:56 GMT

popups seems to only work properly when the main popup div is outside of the view im trying to put dynamic videos from an activity list into popups, its not really convenient to place them outside of the page, its much easier to place the popup div next to the opening link as part of the dynamic template, changing the .popup position from absolute to fixed helped but there are still overlay issues. I also tried dynamically creating the popups with an event handler ---$$(document).on('click', '.create-popup', function () { var $target = $$(this), html = $$($target.data('popup')).html(); console.log(html) f7.popup(html); }); --- but that causes an error in the popup method regarding adding the remove-on-close class any ideas?

Vladimir Kharlampidi
Fri, 27 Jun 2014 10:44:37 GMT

What is in your *html* variable that you pass to f7.popup(html)?

gregkeys
Sat, 28 Jun 2014 02:49:55 GMT

its grabbing a popup div which is placed next to the anchor

Vladimir Kharlampidi
Sat, 28 Jun 2014 10:52:31 GMT

*html* variable should contain full popup layout, like: '<div class="popup">...</div>'. And i guess if you grab .popup div's html it doesn't contain this wrapper string