Jquery ui 单击按钮后，jQuery UI选项卡将刷新

我有jQuery UI选项卡页面：

<div class="addTheatreContainer">

    <div class="addTheatreHeader">
        <span class="txtLightboxTitle">ADD THEATRE</span>
    </div><!--end/ .addTheatreHeader-->


    <!-- Tabs -->
    <div id="tabs">

        <ul>
            <li>
                <a href="#tabs-1 B.C.">1 B.C.</a>
            </li>
            <li>
                <a href="#tabs-2 Alberta">2 Alberta</a>
            </li>
        </ul>
        <div id="#tabs-1">
            <table class="table5">
                <tr>
                    <td width="20">
                        <fieldset class="checkboxes">
                            <label class="label_check">
                                <input name="ctl10" type="checkbox" />
                            </label>
                        </fieldset>
                    </td>
                    <td width="40">ID</td>
                    <td width="120">Location</td>
                    <td width="120">Region</td>
                    <td width="120">City</td>
                    <td width="70">Province</td>
                </tr>
            </table>
        </div>
        <div id="#tabs-2">
            <table class="table5">
               <tr>
                    <td width="20"><fieldset class="checkboxes"><label class="label_check"><input name="ctl22" type="checkbox" /></label></fieldset></td>
                    <td width="40">ID</td>
                    <td width="120">Location</td>
                    <td width="120">Region</td>
                    <td width="120">City</td>
                    <td width="70">Province</td>
                </tr>
            </table>
        </div>
    </div><!--end/ #tabs-->
    <div class="ButtonAlignRight">
            <button id="btnAddAndCloseTheatre" runat="server" class="btnAddandCloseTheatre"  >Add & Close</button>
            <button id="btnAddTheatre" runat="server" class="btnAddTheatre" onclick="AddLocations()">Add</button>
            <button id="btnClose" runat="server" class="btnClose">Close</button>
    </div>
</div>

---

AddedLocationsList是一个全局变量。此函数工作正常，但由于页面刷新，该变量被设置回[]。我不知道为什么要刷新页面。是否有jQuery UI回调？

选项卡没有选项$Tabs.Tabs选项，处于活动状态。查找。复选框；。我想你是在别的地方查的吧？什么是$tabs.tabs选项，active.find.checkbox；该怎么办？@j08691我正在尝试获取所有处于活动状态的复选框Tab@j08691发现问题后，所有这些html都在aspx表单中。它在onclick事件后进行回发。

function AddLocations()
{
    var allChecboxes = $("#tabs").tabs("options", "active").find(".checkboxes");

    var allCheckedLocations = allChecboxes.find(".cbLocation").each(function () {
        var checkbox = $(this);
        if (checkbox.prop("checked") ==  true) 
        {
            var checkboxId = checkbox.attr("id");
            var locationId = parseInt(checkboxId.replace("cbLocation_", ""));
            if (typeof (locationId) == "number" && isNaN(locationId) == false) {
                AddedLocationsList.push(locationId);
            }
            //checkbox.parents(".row").fadeOut();
        }
    });

}