jquery tabs not posting parameters to php file
m trying to post parameters to php file and after that to load it in to a jquery ui tab. the problem is that tabs are not posting. GET is working fine but i want to use post. here is the script code :
HTML
<div id="tabs"> <button id="add_site">Add Tab</button> <ul id="sortable_tabs"> <li id='site_10'><a href="engine/make?dobavkata=10" data-url="10" title="public buildings" data-make="make_content" data-id_site="10">public</a></li> <li id='site_4'><a href="engine/make?dobavkata=4" data-url="4" title="News" data-make="make_content" data-id_site="4">News</a></li> </ul> </div> </div>
SCRIPT
$(function(){ var postData={}; $( "#tabs" ).tabs({ active:0, // fake select: function(event, ui) { postData = { url: parseInt($(ui.tab).data('url')), make: parseInt($(ui.tab).data('make')) }; }, ajaxOptions: { type: 'POST', data: postData }, beforeActivate:function(e,ui){ var urla=ui.newTab.find("a").data("url"); var make=ui.newTab.find("a").data("make"); var id_site=ui.newTab.find("a").data("id_site"); var dataToPost ={urla, make, id_site}; var url=ui.newTab.find("a").data("url") console.log(url) $(ui.newPanel).html("loading").load(url,{something:"foo"}) } }).tabs( "option", "active", 0) // get the beforeActivate event for the first one! })