demos/index-widget-factory-bridge.html

<!DOCTYPE html>
<html>
	<head>
		<title>Widget Factory Bridge</title>
		<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
		<script src="../patterns/jquery.widget-factory.bridge.boilerplate.js"></script>
	</head>
	<body>
		<script>
			$(function() {
				// Connect the widget obj to jQuery's API under the "foo" namespace
				$.widget.bridge('foo', widgetName);

				// Create an instance of the widget for use
				var instance = $('body').foo({
					baz: true
				});

				// Your widget instance exists in the elem's data
				console.log(instance.data('foo').element); // => #elem element

				// Bridge allows you to call public methods...
				instance.foo('publicFunction'); // => "public method"

				// Bridge prevents calls to internal methods
				instance.foo('_privateFunction'); // => #elem element
			});
		</script>
	</body>
</html>