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 <[email protected]> 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 > [email protected]. > To post to this group, send email to [email protected]. > 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 [email protected]. To post to this group, send email to [email protected]. 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.
