I'm trying to use even the most basic code here...and preview is not triggering at all.
When I tried the on('loading') and on('loaded') as a test, and the field stayed disabled, indicating no communication with jquery preview.
I also tried the basic version below, and it comes back as "You Selected: undefined".
I know all the libraries are loaded...Does this have anything to do with localhost?
The old version of jquery preview was working well for me (I have it live on the web). But this new one isn't, and can't figure out why.
<form id="preview_form" class="form-vertical" method="post" action=".">
<textarea class="holler" name="status" id="id_status" ></textarea>
<!-- Placeholder that tells Preview where to put the selector-->
<div class="selector-wrapper"></div>
<div class="actions">
<input id="id_submit" type="submit" class="button" value="Share"/>
</div>
</form>
<script>
$('.holler').preview({key: 'my_code_here', // Sign up for a key: http://embed.ly/pricing
});
$('form').on('submit', function(){
alert('You Selected: ' + $(this).find('.holler').data('preview').title);
return false;
});
</script>