Hello everyone,
I am working o a project where I use jQuery UI Tabs, but unfortunatelly something is wrong.
Content is generating on the go and it's kind a frustrating because 4 of 5 tabs are ok but last one
is getting different style and overlap under proper content.
Also I am using tabs on other part of site and it works perfectly.
Just go and inspect css or jQuery at
www.lokale360.pl
This is ASP.NET code responsible for rendering tabs. #Ufff.
- <div id="adverts-tabs">
- <ul>
- @foreach(var category in Model)
- {
- <li id="category-@category.Id"><a href="#@category.Name" class="low-promo-category">@category.Name</a></li>
- }
- </ul>
-
- <div id="content_middle_container">
-
- <div id="ogloszenia_container">
- @foreach(var category in Model)
- {
- <div id="@category.Name">
- @if(category.Adverts.Any())
- {
- foreach (var advert in category.Adverts)
- {
- <div id="ogloszenie@(counter)">
- @Html.Partial("_LowPromoAdvert", advert) // remote advert content.
- </div>
- counter++;
- }
- counter = 1;
- }
- else
- {
- <span class="admin-error-box">Brak ogłoszeń w danej kategorii.</span>
- }
- </div>
- }
- </div>
- </div>
- </div>
- <script type="text/javascript">
- $(function () {
- $("#adverts-tabs").tabs();
- $("#category-1").addClass("active");
- $(".low-promo-category").click(function () {
- $(".low-promo-category").parent().removeClass("active");
- $(this).parent().addClass("active");
- });
- });
- </script>
I've prepared screen for better understanding my issue.
Thanks you and I hope we will solve it :)
Marcin
Ps. If you need something from back end just let me know.