Loads new content for the popup from the server. Retuns a promise that is resolved when popup content is loaded.

Description

The first argument options is a map of properties (or just a url) for the popup (see overview page for valid options). The options argument must have url property defined, which will be called to retrieve popup content. w2popup.load({ url: '/server/path/file.html' }); In many ways this method is similar to the .open() method. You can pass other properties in the options object to the popup. They will be applied on top of properties retrieved from the server. The markup from the server should have the same structure as for .open method, see example below: <div id="popup" style="width: 600px; height: 400px; overflow: hidden"> <div rel="title"> Title </div> <div rel="body"> body ... </div> <div rel="buttons"> <input type="button" value="Switch to Popup 2" onclick="$('#popup2').w2popup()"/> </div> </div> When you are loading content from the server, you can optionally add #id at the end of your url. This allows to select a particular popup element by id, if server returns multiple in the same file. w2popup.load('server/url/page.html').then(() => { console.log('Content is loaded') }) // OR w2popup.load({ url: 'server/url/page.html#id1' }).then(() => { console.log('Content is loaded') })