Вкладки пользовательского интерфейса jQuery - содержимое, загружаемое ajax, не прокручивается - PullRequest
Новая
       19

Вкладки пользовательского интерфейса jQuery - содержимое, загружаемое ajax, не прокручивается

1 голос
/ 02 ноября 2011

в INDEX.PHP мои вкладки объявлены как: 

$(function() {
            $( "#tabs" ).tabs({
                load: function(event, ui) {
                    console.log("load event ran");
                    $('a', ui.panel).live("click", function() {
                           $(ui.panel).load(this.href);
                           return false;
                           });
                   }

           });

        });

Мне понравились вкладки к внешнему файлу php для загрузки контента: 

<div id="tabs">
            <ul>
              <li><a href="content.php?div=Production">Production</a></li>
              <li><a href="content.php?div=Digital">Digital</a></li>
            </ul>
        </div>

формы на этих страницах представлены ajax: 

$(document).ready(function(){
        $("#Search_form").validate({
            debug: false,
            submitHandler: function(form) {
                $.post('search_db.php', $("#Search_form").serialize(), function(data) {
                    $('p.results').fadeIn();  
                    $('#results').html(data);
                });
            }
        });
    });

результаты отображаются на вкладке, НО браузер не создает вертикальную полосу прокрутки для просмотра содержимого, которое не помещается в окне браузера.

Я понимаю, что это связано с несколькими функциями ajax внутри друг друга, как я могу заставить браузер просматривать содержимое страницы и создавать полосу прокрутки, пожалуйста?

P.S. У меня есть только общее понимание функциональности jQuery и DOM ...

1 Ответ

0 голосов
/ 02 ноября 2011

Попробуйте добавить это к вашему CSS 

.ui-tabs-panel {
     overflow:auto;
}

пс.Похоже, ваша проблема связана только с таблицей стилей / стилями, а не с jquery / script

...