Work without page:

• Listview
• Collapsible
• Collapsible set
• Popup
• Tabs
• Toolbar
• Controlgroup
• Button
• Checkboxradio
• Textinput
• Flipswitch
• Filterable (as long as the widget you use it with can also work without page)

Don't work without page:

• Navbar (unless it is inside a toolbar)
• Selectmenu
• Slider
• Rangeslider
• Table Reflow + Column Toggle
• Panel (can be outside a page, but you still need a page)
• Dialog (is a page)

NOTES:

• You always have to set a theme for widgets that are not on a page!
• We have to set $.mobile.gradeA=$.noop to prevent JQM taking over the page

@arschmitz @gabrielschulhof - Can you please check if this list is correct?

Thanks! So I'll start working on this as soon as I get a chance now... Maybe this evening...

If you want to search the code for where iframes are used in the documentation you could use something like:
grep -niH iframe entries/*xml

... from the root of the API docs repository.

OK :-) Thanks

just for the record, here's how this could look:
http://jsbin.com/OcUsokO/3/edit

Change of plan: we will use populated iframes instead no iframe at all to ensure that the jQuery Mobile CSS doesn't break the api docs style. This means that we need to modify https://github.com/jquery/grunt-jquery-content/blob/master/tasks/jquery-xml/entries2html-base.xsl so that the xsl produces what we need: similar to entry examples, without desc, without code in hte code section that is not in "begin-demo" ... "end-demo" for example, where an example would be:

<div data-role="header">
    <h1>jQuery Mobile Example</h1>
</div>
<div role="main" class="ui-content">
    <!--begin-demo-->
    <div data-role="collapsible">
        <h3>I'm a header</h3>
        <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
    </div>
    <!--end-demo-->
</div>