0

嗨，我正在编写一个简单的 visualforce 页面源代码是

<apex:page >
  <!-- Begin Default Content REMOVE THIS -->

  <head>
   <apex:includeScript value="{!URLFOR($Resource.UIJQuery1822, 'js/jquery-1.7.2.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.Bootstrap, 'bootstrap/js/bootstrap.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.Bootstrap, 'bootstrap/js/bootstrap.js')}"/>
    <apex:stylesheet value="{!URLFOR($Resource.Bootstrap, 'bootstrap/css/bootstrap.min.css')}"/> 
    <apex:stylesheet value="{!URLFOR($Resource.Bootstrap, 'bootstrap/css/bootstrap.css')}"/>
    <apex:stylesheet value="{!URLFOR($Resource.Bootstrap, 'bootstrap/css/bootstrap-responsive.min.css')}"/>
    <apex:stylesheet value="{!URLFOR($Resource.Bootstrap, 'bootstrap/css/bootstrap-responsive.css')}"/>

    <script type="text/javascript">
   $(function() {
        $( "#tabset" ).tabs();
    });
    </script>
  <Title>Hello World</Title></head>
  <Body>
  <div id="tabset">
  <ul>
  <li><a href="#panel1">Tab One</a></li>
  <li><a href="#panel2">Tab Two</a></li>
  <li><a href="#panel3">Tab Three</a></li>
  </ul>
  <div id="panel1"> Hello World1</div>
  <div id="panel2">Hello World2</div>
  <div id="panel3">Hello World3 </div>

  </div>
  </Body>

</apex:page>

我正在尝试创建一组三个选项卡，但它显示一个无序列表和三个 div 元素没有选项卡，这意味着 jquery 代码不起作用。谁能告诉我为什么它不起作用，并给我建议如何让它起作用？

4

1 回答 1

0

JQuery 文件是执行某些操作所必需的，而 jquery ui 是选项卡所必需的，请检查以下链接 jqueryui.com /tabs/ 带有 jquery code.jquery.com/ui/1.9.2/jquery-ui.js 的选项卡的必要文件code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css

于 2012-12-07T12:28:44.980 回答