jquery - Running Javascript inside a simplemodal window -
i'm trying add scripts modal (simplemodal) jquery plugin won't run, functionality not available when running in modal or missing something.
here's how i'm calling simplemodal:
$('#modal').modal({ onclose: function (dialog) { $app.setlocation('#/'); $.modal.close(); } });
and here's html of modal, includes addthis script (i've taken out real username posting here):
<div class="article clearfix"> <div class="article-post"> <h2 class="title">{{header}}</h2> <p class="date">posted in {{feed_source}}, {{date}}</p> <ul class="tags clearfix"> <li><a href="#">tag 1</a></li> <li><a href="#">tag 2</a></li> </ul> <div class="body"> {{{body}}} </div> </div> <div id="single-article-comments" class="article-comments"> <h3 class="comments-header">comments:</h3> </div> </div> <div class="sidebar clearfix"> <div class="sidebar-inner"> <p class="sidebar-logo">logo text</p> <ul class="sidebar-menu"> <li><a href="#single-article-comments" class="sidebar-comment tooltip" title="comment on article">comment</a></li> <li><a href="#/rate/{{id}}" title="rate" class="sidebar-rate tooltip">rate</a></li> <li><a href="#/slate/{{id}}" title="slate" class="sidebar-slate tooltip">slate</a></li> <li><a href="#/report/{{id}}" title="report abuse / flag inappropriate" class="sidebar-report tooltip">report</a></li> <li><a href="#" title="email">email</a></li> <li><a href="#" title="tweet">tweet</a></li> <li><a href="#" title="facebook like">like</a></li> </ul> <ul class="sidebar-action-addthis addthis_toolbox addthis_default_style" addthis:url="http://www.allaboutmidleton.ie/#/article/{article_id}" addthis:title="tweet {user}" addthis:description="{tweet}"> <li><a href="http://www.addthis.com/bookmark.php" class="tooltip addthis_button_email" title="email friend"><img src="/assets/img/ico-email.png" width="26" height="23" border="0" alt="email" /></a></li> <li><a class="addthis_button_tweet"></a></li> <li><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a></li> </ul> <!-- addthis button begin --> <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=username"></script> <!-- addthis button end --> <div class="sidebar-ads"> <ul class="advertising-ad-list"> <li><a href="" class="ad">advertisement</a></li> <li><a href="" class="ad">advertisement</a></li> <li><a href="" class="ad">advertisement</a></li> </ul> </div> </div> </div>
all of code works fine outside of modal. know way run script inside modal.
thanks
what $app.setlocation('#/');
doing?
i don't see reason why wouldn't work, intended onclose
callback used closing animations.
my suggestion use onshow
callback , bind own function "close" event. example:
$('#modal').modal({ onshow: function (dialog) { $('.close', dialog.data[0]).click(function () { $app.setlocation('#/'); $.modal.close(); return false; }); } });
Comments
Post a Comment