こんにちは、簡単な 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>
3 つのタブのセットを作成しようとしていますが、順序付けされていないリストと 3 つの div 要素がタブなしで表示され、jquery コードが機能していないことを意味します。それを機能させる？