jQuery UI的标签 - 通过AJAX加载的index.php 我的标签不滚动

Question

内容被声明为：

$(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> 

$(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提交ser不会创建垂直滚动条来查看不适合浏览器窗口的内容。

我明白这是s/t与多个ajax功能在对方内部，我如何强制浏览器审查页面内容并创建一个滚动条吗？

P.S.我只有jQuery和DOM功能一般理解......

Answer 1

尝试添加该到你的CSS

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

PS。听起来像你的问题只涉及到样式表/样式，而不是jQuery /脚本