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

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -