javascript - 使用jquery在asp.net formview中隐藏按钮

标签 javascript jquery asp.net

我想通过 JQueryFormView 中隐藏一个按钮控件。 表单部分是这样定义的:

<body>
<div id="main">
    <form id="_frmMain" runat="server">
        <div id="contenitore">
            <asp:FormView
                ID="_fvMain"
                runat="server"
                DefaultMode="Edit"
                Width="100%">
                <EditItemTemplate>
                    <asp:Table CssClass="sub" runat="server">
                        <asp:TableRow CssClass="tr_button_list">
                            <asp:TableCell ColumnSpan="3">
                                <asp:Button
                                    ID="_btnOk"
                                    ClientIDMode="Static"
                                    Text="Ok"
                                    runat="server"
                                    CssClass="butt_orange_small" 
                                    OnClientClick="javascript: return ShowSection('section1');" />
                            <asp:Button
                                    ID="_btnCancel"
                                    ClientIDMode="Static"
                                    Text="Cancel"
                                    runat="server"
                                    CssClass="butt_orange_small" 
                                    OnClientClick="javascript: return ShowSection('section2');" />

我使用这段代码:

$(function () {
    var _btnOk = $("#_btnOk");

     _btnOk.hide();
});

但它不起作用。如果我调试此脚本,我发现 _btnOk 对象的 hidden 属性即使在 .hide() 调用之后仍保持 false。

顺便说一句,我无法使用类引用隐藏按钮,因为它也会隐藏 _btnCancel,我需要它保持可见。

最佳答案

您的问题是 asp:FormView 创建了一个 iframe

所以 jquery 找不到你的按钮, 因为它不在主框架中。

this 中所述教程, 要使用 jquery 访问 iframe 中的元素,您必须执行如下操作:

$("#_fvMain").contents().find("#_btnOk").hide();

引用: this回答。

关于javascript - 使用jquery在asp.net formview中隐藏按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36269041/

相关文章:

javascript - 错误:Cannot call method 'reverse' of null

javascript - JQ 或 JS : Prevent "a" tag to change url #hash

sql - ORDER BY 索引列仍然很慢

javascript - 如何在没有斜 Angular 外观的情况下显示方形 div

javascript - 通过 webpack 生产模式编译时如何忽略 typescript 错误

javascript - FabricJS Canvas 无法选择任何对象

javascript - 如果文本框有文本,jquery 隐藏复选框

c# - 如何在 Asp.net MVC 中实现对象数据库

javascript - 为什么 Angular 文档建议不要使用公共(public)和私有(private)范围变量

javascript - Vue - 将插槽传递给子组件