0

So, I have a 2 tabs as following:

<div class="tabs">
  <a href="#tab1" class="active-tab tab" id="tab1-id">Tab 1</a>
  <a href="#tab2" class="tab" id="tab2-id">Tab 2</a>      
</div>
<div class="active-panel" id="tab1">
  Tab 1 content
</div>
<div class="panel" id="tab2">
  <!--Tab 2 content located in tab2.php-->
</div>

Then here is my script:

jQuery("#tab2-id").click(function(){
    jQuery("#tab2").load("tab2.php");
});

The file location is as following:parts/tab1.php and parts/tab2.php

So, my logic is that when the Tab 2 is clicked, then I want to load tab2.php in the div id="tab2".

What am I doing wrong?

EDIT:

After the correct location syntax was pointed out, I am getting 404 error that the browser could not find http://example.com/parts/tab2.php. But tab2.php is a simple few div file and maybe I am missing something. I will do some digging around and find out why I am getting this error and put what I find in here. Thanks.

1 Answer 1

1

Use the correct location

jQuery("#tab2-id").click(function(){
    jQuery("#tab2").load("/parts/tab2.php");
});
5
  • Thank you for the reply. I added / as suggested, but I am getting an error that the page could not be found as if the /parts/tab2.php is a page. (example.com/parts/tab2.php)
    – Steve Kim
    Jul 10, 2015 at 0:01
  • @steveKim, you said the file is located in parts/tab2.php. Is parts the root path?
    – AmmarCSE
    Jul 10, 2015 at 0:04
  • @steveKim, try jQuery("#tab2").load("/tab2.php");
    – AmmarCSE
    Jul 10, 2015 at 0:06
  • @steveKim, what was the reason? Let me know so I can update my answer
    – AmmarCSE
    Jul 10, 2015 at 0:16
  • Well, I was using wordpress and realized that parts was the not the root path. I relocated the files to root path and I got it working that way. Thank you for your help.
    – Steve Kim
    Jul 10, 2015 at 0:18

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.