Note that there are some explanatory texts on larger screens.

plurals
  1. POajax tabs setup - not working on localhost (easytabs)
    primarykey
    data
    text
    <p>I'm using <a href="http://os.alfajango.com/easytabs/#ajax-tabs" rel="nofollow">EasyTabs</a> for my tabs. I use ajax-tabs so I can fetch content from other pages (when I click on the appropriate buttons of the navigation menu). But it does not work. The content gets not loaded.</p> <p>According to the developer's <a href="http://www.alfajango.com/blog/jquery-easytabs-v2-3-released-ajax-tabs-and-more/#/ajax-tabs" rel="nofollow">blog</a> I just had to change the order of my divs and add the data-target attribute. But it doesn't work and I don't know where the problem might be. The strange thing is when I don't use Ajax it works (but I need Ajax so I can load the content when I click on a navigation button).</p> <p>I use <a href="http://os.alfajango.com/easytabs/#ajax-tabs" rel="nofollow">Easytabs</a> on localhost:8888 with MAMP. For testing purposes I am using Safari 5.1.7.</p> <p>It would be great if someone could help me out. I highly appreciate any help I can get so I can solve this problem. Any help, please?</p> <p>Here I initialize <a href="http://os.alfajango.com/easytabs/#ajax-tabs" rel="nofollow">Easytabs</a>.</p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function(){ $('#tab_container').easytabs(); }); &lt;/script&gt; </code></pre> <p>This is the setup for my buttons and divs.</p> <pre><code>&lt;div id="tab_container" class="module_bg"&gt; &lt;ul id="shadetabs"&gt; &lt;li&gt;&lt;a href="'&lt;?php echo $setting['site_url'];?&gt;/includes/homepage/new_games.inc.php'" data-target="#t1"&gt;&lt;?php echo NEWEST_MODULE;?&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="'&lt;?php echo $setting['site_url'];?&gt;/includes/homepage/popular_games.inc.php'" data-target="#t2"&gt;&lt;?php echo POPULAR_MODULE;?&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="panel_container"&gt; &lt;div id="t1"&gt; &lt;/div&gt; &lt;div id="t2"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload