如何正确处理多个webcontrol中的javascript函数

发布于 2024-10-16 06:58:49 字数 700 浏览 2 评论 0原文

我有一个将在页面上多次存在的网络控件。我的控件中有一些 javascript (JQuery),当我在页面上有多个控件时,功能会变得混乱。

我已经看到很多关于为什么会出现这种情况的内容 - 基本上我的函数使用 set id,但我需要以某种方式使它们相对。

函数的示例...

function showUploader() {
    var img = $('#<%=ImgID.ClientID %>');
    $('#<%=UploaderIFrame.ClientID %>').attr('src', '<%=ResolveUrl("~/Controls/EditableImageControl/ImageUploader/ImageUploader.aspx") %>' + '?ImgID=' + img.attr('innerHTML')).show();
    $('#<%=lnkEdit.ClientID %>').hide();

}

function hideUploader() {
    $('#<%=UploaderIFrame.ClientID %>').attr('src','').hide();
    $('#<%=lnkEdit.ClientID %>').show();
}

任何人都可以为我提供一个如何获取对 Web 控件中 html 元素的引用的示例吗?

I have a webcontrol that will exist multiple time on a page. I have some javascript (JQuery) in the control and when I have multiple controls on a page the functions get confused.

I have seen plenty of stuff on why this is the case - basically my functions use set id's but i need to somehow make them relative.

An example of a function ...

function showUploader() {
    var img = $('#<%=ImgID.ClientID %>');
    $('#<%=UploaderIFrame.ClientID %>').attr('src', '<%=ResolveUrl("~/Controls/EditableImageControl/ImageUploader/ImageUploader.aspx") %>' + '?ImgID=' + img.attr('innerHTML')).show();
    $('#<%=lnkEdit.ClientID %>').hide();

}

function hideUploader() {
    $('#<%=UploaderIFrame.ClientID %>').attr('src','').hide();
    $('#<%=lnkEdit.ClientID %>').show();
}

Can anyone provide me with an example of how to get references to the html elements in the web control?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

埋情葬爱 2024-10-23 06:58:49

来自 c# :

UploaderIFrame.ID = "UploaderIFrame_" + uniqueID;

在添加控件的迭代中,首先添加控件,然后调用其属性 &方法

from c# :

UploaderIFrame.ID = "UploaderIFrame_" + uniqueID;

on the iteration of adding controls first add control then call its properties & methods

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文