jquery-ui-选项卡。传递查询字符串

Question

如何通过与以下选项卡关联的以下每个链接传递查询字符串 (?id=avalue)。我试图在选项卡中打开外部内容(它工作正常)，但我未能通过网址传递参数。每个链接的参数值都相同。

我的功能代码:

<script type="text/javascript">

        $(function() {
            $("#tabs").tabs({spinner:'<b>Retrieving Data...</b>'}); 

        });

 </script>


<div id="tabs">
            <ul>
           <li><a href="table.aspx"><span>Introduction</span></a></li>
                <li><a href="RequestActionUpdate.aspx"><span>Update</span></a></li>
                <li><a href="tabstesttarget.aspx"><span>Target</span></a></li>
                <li><a href="table.aspx" ><span>View History</span></a></li>
            </ul>

        </div>

如果您能为我提供任何帮助，我将不胜感激。

提前致谢

Answer 1

您可以使用ajaxOptions选项。选项卡小部件会将这些选项传递到 jQuery.ajax() .

以下代码使用 jQuery.ajax() 函数的 data 选项来传递 getId 函数的结果(Unix选择选项卡时，本例中的样式时间代码)发送到服务器。
请求 URL 类似于 RequestActionUpdate.aspx?id=1255015611701:

function getId() {
  return (new Date()).getTime();
}

$("#tabs").tabs({
  spinner:'<b>Retrieving Data...</b>',
  ajaxOptions: { data: { id: getId } }
});