Question

我有一个使用jQuery标签的页面。每个选项卡都有一个静态表单。直到这里没有问题...

<script type="text/javascript" language="javascript">
$(document).ready(function() {
    $("#tabs_1_10").tabs( {
    "show": function(event, ui) { }
    } );
} );
</script>

HTML

<div id="tabs_1_10">
<ul>
    <li><a href="#tabs-1_11">VAT</a></li>
    <li><a href="#tabs-1_24">VAT - SELL</a></li>
</ul>
<div id="tabs-1_11"><?php separator_1_11(); ?></div>
<div id="tabs-1_24"><?php separator_1_24(); ?></div>
</div>

PHP函数

function separator_1_11() {
    ...
    ajax_function_1_11();
    ...
}
function separator_1_24() {
    ...
    ajax_function_1_24();
    ...
}

separator_1_11（）和separator_1_24（）是绘制表单的函数，最后调用ajax javascript函数，该函数使用数据库中的值填充表单中的字段。一直工作到现在。

我的问题是我每次选择另一个标签时都需要调用ajax javascript函数并且只调用该函数，因为这些值可以更改，我不想要求所有表单。

我想我应该像这样使用onClick

<a href="#tabs-1_11" onClick="ajax_function_1_12();">

<a href="#tabs-1_11" onClick="ajax_function_1_24();">

我只是不确定这是否应该有效，因为对我来说它不起作用。任何评论??

带有静态和ajax内容的Jquery选项卡？

0 个答案: