更新面板和 JQuery 表单外观和感觉插件内的控件问题！！！帮助

Question

我在更新面板控件下更新表单元素外观时遇到问题。
我使用 统一 JQuery 插件 来塑造表单控件（例如 DropDown）。它在 ASP.net 表单中工作得很好，但当用户选择 dropDownList 项目时，我使用更新面板来生成 CheckboxList 项目。
下图显示了表单的外观和感觉：

但是当我从列表中选择一个类别来更新 UpdatePanel 模板并更新复选框时，统一样式将从位于内部的控件中删除更新面板：

我在表单上方调用统一函数：

            <script type="text/javascript">
                $(function() {
                    $("input, textarea, select, button").uniform();
                });
            </script>

并更新面板标记：

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <p>
                انتخاب دسته:&nbsp;<myCtrl:CategoryDDL AutoPostback="True" EmptyItemText="همه‌ی دسته‌ها"
                    ID="CategoryDDL" OnSelectedIndexChanged="CategoryDDL_SelectedIndexChanged" runat="server"
                    SelectedCategoryId="0" />
            </p>
            <p>
                برند محصولات<br />
                <asp:CheckBoxList ID="CheckBoxListBrands" runat="server">
                </asp:CheckBoxList>
            </p>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="CategoryDDL" />
        </Triggers>
    </asp:UpdatePanel>

知道有人可以帮我纠正这个错误吗？？？有没有可能的方法来防止删除更新面板控件样式？

Answer 1

您无法阻止它删除样式（元素被完全替换），但您可以通过在代码中运行一次来​​重新应用它：

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() {
  $("#updatePanelDiv :input").uniform();
});

它的作用是附加一个事件处理程序，以便在 endRequest 事件 UpdatePanel 触发（每次它会带着新的内容/元素回来）。

如评论中所述，将 UpdatePanel 包装在包装器中将限制插件仅此区域。

Answer 2

更改此方法

$(function() {
$("input, textarea, select, button").uniform();
});

就是

function pageLoad(){
 $("input, textarea, select, button").uniform();
}

这样。