Loading Pages in the Front-End via AJAX and jQuery Tabs Not working

- ☆ A M B ☆
- 66 Posts
Thijs Van Damme Reply #1, 15 years, 10 months ago
Hello everyone,

I’m trying to get some resources loaded into tabs with the help from this tutorial: http://rtfm.modx.com/display/revolution20/Loading+Pages+in+the+Front-End+via+AJAX+and+jQuery+Tabs
I also played around with this: http://flowplayer.org/tools/demos/tabs/ajax.html

It all work perfectly outside modx, but as soon as i put the code into modx Revolution 2.0.6 pl (traditional) the tab links take me to the page instead of loading the content inside the designated div.

This is the code that i have on the page:
```

<ul class="css-tabs">
	[[getResources? &parents=`9` &depth=`1` &tpl=`myRowTpl` &includeContent=`1` &includeTVs=`1`]] 
</ul>


<div class="css-panes">
	<div style="display:block"></div>
</div>

<script>


$(function() {

	$("ul.css-tabs").tabs("div.css-panes > div", {effect: 'ajax'});

});
</script>
```
In the head element i’m loading
```
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
```
I’m a jquery newbie, most of the time i get this to work but here i guess i’m overlooking something.
I tried to cache or uncache the page without any result.

Any help is welcome