0

Hi i am writng a simple visualforce page source code is

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

i am trying to create a set of three tabs but its showing an unordered list and three div element no tab,means jquery code is not working .can any one please tell me why it is not working,and give me the suggestion that how to make it work?

5
  • 1
    Check whether JQuery UI Script is loaded in the page Dec 7, 2012 at 5:31
  • yes it is loading correctly in page i saw view source and giving me src="/resource/1354367419000/UIJQuery1822/js/jquery-1.7.2.min.js" tabs can be made with jquery-1.7.2.min.js or not?? beginner in jquery Dec 7, 2012 at 5:35
  • 1
    JQuery file is necessary for performing some operation and whereas jquery ui is necessary for tabs please check the below link jqueryui.com /tabs/ Necessary files for tabs with jquery code.jquery.com/ui/1.9.2/jquery-ui.js code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css Dec 7, 2012 at 5:38
  • a comment only be voted i think i cant mark a comment as answer if there is a way please specify it Dec 7, 2012 at 12:13
  • i have posted it in answer you can mark it as answer now Dec 7, 2012 at 12:29

1 Answer 1

0

JQuery file is necessary for performing some operation and whereas jquery ui is necessary for tabs please check the below link jqueryui.com /tabs/ Necessary files for tabs with jquery code.jquery.com/ui/1.9.2/jquery-ui.js code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.