I've actually found a workaround, but if anyone has any thoughts on this I'd be interested to hear them!
Rich On 15 April 2017 at 21:14, Richard Jackson <rjackso...@gmail.com> wrote: > Hi everyone, > > Having a Bootstrap/jQuery with Django issue so hope that someone might be > able to help. > > I'm rendering a part of my page to make a Bootstrap 'tab' (docs: link here > <http://bootstrapdocs.com/v2.3.0/docs/javascript.html#tabs>) - however > the content under the first heading isn't loading initially (img 1); it > only renders when I select another heading then going back to it (img 2). > > > <https://lh3.googleusercontent.com/-q9Lr6yjUwns/WPJ-bXW7WHI/AAAAAAAAH3M/t9zyWLaXLygwxzTw9fpEByvu8UZ3l-pAACLcB/s1600/img%2B1.png> > > *Img 1: Initial page loading* > > > > <https://lh3.googleusercontent.com/-I2t5dMdIyho/WPJ-fpa9n6I/AAAAAAAAH3Q/mJ9nEGFf7IkcDaWyleeDGjAXWBX42QmRwCLcB/s1600/img%2B2.png> > > *Img 2: Going back to 'Singing' after selecting a different tab.* > > > Any thoughts on this? The code works just fine when I hard code it, it's > just when the page is being rendered via forloops that the issue occurs. > > <!-- HEADINGS --> > <ul class="nav nav-tabs" id="myTab"> > {% for p in page.tuitionpage.tuitioncontent.all %} > <li {% if forloop.first %}class="active"{% endif %}> > <a href="#{{ forloop.counter}}" data-toggle="tab">{{ p }}</a> > </li> > {% endfor %} > </ul> > > > <!-- CONTENT --> > > <div class="tab-content"> > {% for p in page.tuitionpage.tuitioncontent.all %} > <div class="tab-pane" id="{{ forloop.counter}}"> > {{ p.content|richtext_filters|safe }} > </div> > {% endfor %} > </div> > > > <script> > $(function () { > $('#myTab a:first').tab('show'); > }) > </script> > > Bootstrap v2.3.0 > Django v1.8 > > Cheers! > > Rich > > -- > You received this message because you are subscribed to a topic in the > Google Groups "Django users" group. > To unsubscribe from this topic, visit https://groups.google.com/d/ > topic/django-users/lrZmu2tFtfs/unsubscribe. > To unsubscribe from this group and all its topics, send an email to > django-users+unsubscr...@googlegroups.com. > To post to this group, send email to django-users@googlegroups.com. > Visit this group at https://groups.google.com/group/django-users. > To view this discussion on the web visit https://groups.google.com/d/ > msgid/django-users/91df4f2b-3b06-466f-862d-06594c59059a%40googlegroups.com > <https://groups.google.com/d/msgid/django-users/91df4f2b-3b06-466f-862d-06594c59059a%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Django users" group. To unsubscribe from this group and stop receiving emails from it, send an email to django-users+unsubscr...@googlegroups.com. To post to this group, send email to django-users@googlegroups.com. Visit this group at https://groups.google.com/group/django-users. To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CA%2B6oY8g9yx-O4UN33u1ZR77kMi7KduLMMXSBnq3StKcdqDDVnA%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
