$Find 返回 null

Question

我的页面上有以下 JScript

<script type="text/javascript">
    function ProcessButtonDisable() {
        var button = $find("<%=ProcessButton.ClientID %>");
        button.disabled = true;
            }
</script>

以后

<asp:Button ID="ProcessButton" Text="Process All" runat="server" OnClick="Process_Click" OnClientClick="ProcessButtonDisable()" />

当运行页面并触发我得到的按钮时

Microsoft JScript 运行时错误：无法设置属性“已禁用”的值：对象为空或未定义

并且动态页面已将其转换为：

<script type="text/javascript">
    function ProcessButtonDisable() {
        var button = $find("ctl00_ctl00_BodyContentPlaceHolder_MainContentPlaceHolder_ProcessButton");
        button.disabled = true;
    }
</script>

<input type="submit" name="ctl00$ctl00$BodyContentPlaceHolder$MainContentPlaceHolder$ProcessButton" value="Process All" onclick="ProcessButtonDisable();" id="ctl00_ctl00_BodyContentPlaceHolder_MainContentPlaceHolder_ProcessButton" />

由于控件已明确定义，并且客户端 ID 似乎返回了正确的 ID，我不知道出了什么问题

有什么帮助吗？

ps 如果从代码中不清楚，这样做的目的是防止用户在初始点击后有时间重新加载页面之前点击并重新发送请求

Answer 1

-1 对假设 JQuery 的所有先前答案。 $find is a function 由 Microsoft AJAX 库定义。它“提供了 Sys.Application 类的 findComponent 方法的快捷方式”，该方法获取“对已通过 addComponent 方法注册到应用程序的 Component 对象的引用”。尝试改用 $get()，它“提供了 Sys.UI.DomElement 类的 getElementById 方法的快捷方式。”

此页面详细探讨了这两个功能：The Ever-Useful $get and $find ASP.NET AJAX Shortcut Functions

Answer 2

$find 与 $.find 不同。第一个是为Microsoft AJAX 库定义的Sys.Application 类的findComponent 方法提供一个快捷方式。而第二个是来自 jQuery 的 API 方法，它获取当前匹配元素集中每个元素的后代，由选择器、jQuery 对象或元素过滤。

所以，$find 必须找到 Component 而不是 html DOM。并且必须定义 ajax 库。

更多信息：

http://msdn.microsoft.com/en-us/library/vstudio/bb397441(v=vs.100).aspx

http://api.jquery.com/find/

Answer 3

试试这个：

<script type="text/javascript">
    function ProcessButtonDisable() {
        var button = $("#<%=ProcessButton.ClientID %>");
        button.disabled = true;
    }
</script>

[编辑] 或

<script type="text/javascript">
    function ProcessButtonDisable() {
        $("#<%=ProcessButton.ClientID %>").attr("disabled", "disabled");
    }
</script>

Answer 4

您必须首先选择您要“找到”的内容。例如，如果您选择文档，然后使用“查找”方法，您应该会得到您想要的结果。

<script type="text/javascript">
    function ProcessButtonDisable() {
        var button = $(document).find(("<%=ProcessButton.ClientID %>");
        button.disabled = true;
        }
</script>

Answer 5

disabled 不是 jQuery 对象属性，它是 DOM 元素属性。 尝试使用：

$('selector').get(0).disabled = true

，或

$('selector').attr('disabled','disabled');

Answer 6

你需要使用点符号，因为find()是一个jQuery函数，像这样：

<script type="text/javascript">
    function ProcessButtonDisable() {
        var button = $.find("<%=ProcessButton.ClientID %>");
        button.disabled = true;
    }
</script>

另外，如果您打算在 jQuery 逻辑中查找 DOM 元素，请不要费心在服务器控件上连接 OnClientClick；要么通过 jQuery 连接 click 事件，要么将元素本身传递给 JavaScript 函数：

使用jQuery连接点击事件（推荐）：

<script type="text/javascript">
    $(document).ready(function() {
         $("#<%=ProcessButton.ClientID%>").click(function() {
            $(this).disabled = true;
         });
    });
</script>

使用OnClientClick 属性连接点击事件并传递元素（不推荐）：

<asp:Button ID="ProcessButton" Text="Process All" runat="server" OnClick="Process_Click" 
    OnClientClick="ProcessButtonDisable(this)" />

<script type="text/javascript">
    function ProcessButtonDisable(elem) {
        elem.disabled = true;
    }
</script>