Marionette.js. View. Managing an Existing Page

Marionette is able to manage pre-generated pages - either static or server-generated - and treat them as though they were generated from Marionette.

by marionettejs

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.radio/2.0.0/backbone.radio.min.js"></script>
<script src="https://rawgit.com/marionettejs/backbone.marionette/next/lib/backbone.marionette.js"></script>
<div id="base-element">
  <h1>Marionette says hi!</h1>
</div>

JavaScript

const { View } = Marionette; // import { View } from 'backbone.marionette';

const myView = new View({ el: $('#base-element') });

console.log('rendered', myView.isRendered()); // true if '#foo-selector` exists and has content
console.log('attached', myView.isAttached()); // true if '#foo-selector` is in the DOM