JQuery UI选项卡 - 单击按钮后重新加载

时间:2015-04-14 11:34:36

标签: jquery tablesorter jquery-ui-tabs

我知道有人在这个页面上发布了类似的问题,但没有一个解决方案适合我。

我有两个表,您可以通过单击选项卡(JQuery TABS)在它们之间切换。 JQuery Tablesorter也适用于对表进行排序。

在表格的每个条目旁边是一个按钮,通过单击该按钮,该条目将移动到另一个表格并从当前表格中消失。这是有效的,但我必须刷新页面或每次按下按钮时切换到其他选项卡以查看更改。 有没有办法自动完成?

以下是我的代码的一部分:



<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="jquery-ui-1.11.4/jquery-ui.css">
    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="jquery-ui-1.11.4/jquery-ui.js"></script>
<script type="text/javascript">
$(function() {
    $( "#tabs" ).tabs({
        activate: function( event, ui ) {
        ui.newPanel.find("#domainsTable").trigger('applyWidgets');
}
});
    });
 function reserve(id) {
            $.ajax({
                type: "GET",
                url: "reserve.php?geraeteID=" + id,
                cache: false,
                complete: function (data) {
                    $("#tabs").tabs('load', 0);

                }
            });
        }

        function dereserve(id) {
            $.ajax({
                type: "GET",
                url: "userdereserve.php?geraeteID=" + id,
                cache: false,
                complete: function (data) {
                    $("#tabs").tabs('load', 1);


                }
            });
        }   
</script>
<body>
    <img src="bvu.png" width="1660" height="375" alt="grafik">
    <div id="tabs">
        <ul>
            <li><a href="geraete.php">Geräte</a></li>
            <li><a href="myreservations2.php">Reservierungen</a></li>
        </ul>
    </div>
</body>
&#13;
&#13;
&#13;

功能&#34;保留&#34;并且&#34; dereserve&#34;按下按钮时调用。 任何帮助深表感谢。提前致谢

0 个答案:

没有答案