单击jquery移动选项卡时加载ajax项

Question

I want to load some contents via ajax when click on a tabbar item in jquery mobile. How can i do this?

<div data-role="tabs" id="tabs">
  <div data-role="navbar">
    <ul>
      <li><a href="#one" data-ajax="false" data-icon="search" data-iconpos="right">Discover</a></li>
      <li><a href="#two" data-ajax="false" data-icon="home">My-chats</a></li>
    </ul>
  </div>
  <div id="one" class="ui-body-d ui-content">
    <div data-role="fieldcontain">
  <!--load data via ajax-->
</div>
  </div>
  <div id="two">
  <!--load data via ajax--> 
  </div>
</div> 

When click on discover tab i want to load some data through ajax to that tab. How to do this?

please help me.

Answer 1

bind it to a javascript function which executes the ajax call like this:

  <a href="javascript:ajaxcallfunction();">Discover</a>

javascript function:

   function ajaxcallfunction(){
   window.location.href = window.location.href + "#one";
   //Enter your ajax call here
   }