当前位置：文江博客话题详情

如何获取 ajax 手风琴的点击事件？ ASP.NET

发布于 2024-08-12 14:56:48 字数 198 浏览 5 评论 0原文

我有一个 ajax 手风琴，每个窗格都包含一个 updatepanel （动态创建）。我希望单击窗格标题时刷新更新面板，但没有单击事件。

我可以在标题中弹出一个按钮，并使用脚本管理器将其注册为异步触发器，但我不需要按钮，我希望整个标题都是触发器。

我看不到将 div 或标签设置为触发器的方法，因为它们没有服务器端单击事件。我还有其他方法可以做到吗？

原文

分享到QQ

分享到微博

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

发布评论

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

暗地喜欢 2024-08-19 14:56:48

使用 jQuery。

语法如下所示简单：

$('#myHeading').click(function(){
    // Your code here
});

有时，对于 ASP.NET，我必须使用通配符 ID 匹配，因为 ASP.NET 会为您的元素创建非常长的半随机客户端 ID。您可以执行如下操作：

$('[id*="myHeading"]').click(function(){
    // Your code here
});

本质上，您可以选择 DOM 上的任何内容并使用 jQuery 将事件处理程序附加到它。有时您必须对选择器发挥创意。

重要提示：如果您使用 updatepanels 并且要监视单击的标题位于该面板内部，则在通过 ajax 加载/重新加载面板后，您需要将这些事件处理程序重新绑定到您选择的元素。这可以使用以下代码来实现：

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_pageLoaded(panelLoaded);

function panelLoaded(sender, args){

    $('[id*="myHeading"]').click(function(){
        // Do something after there is a click
    });

}

Use jQuery.

The syntax would be as easy as the following:

$('#myHeading').click(function(){
    // Your code here
});

Sometimes with ASP.NET I have had to use a wildcard ID match because ASP.NET creates really long semi-random clientside ID's for your elements. You would do something like the following:

$('[id*="myHeading"]').click(function(){
    // Your code here
});

Essentially you can select anything on the DOM and attach an event handler to it with jQuery. Sometimes you have to get creative with the selectors.

IMPORTANT: If you are using updatepanels and the heading you want to monitor for a click is inside that panel, you will need to REBIND those event handlers to the element you are selecting after the panel is loaded/re-loaded via ajax. This can be achieved using the following code:

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_pageLoaded(panelLoaded);

function panelLoaded(sender, args){

    $('[id*="myHeading"]').click(function(){
        // Do something after there is a click
    });

}

回复收藏 0 原文

~没有更多了~