1

我正在使用下面的代码在按下箭头按钮时切换几个不同的元素。如果我把它放在 ASP.net UpdatePanel 中,为什么这段代码不起作用?

$(document).ready(function () {
$(".togglerElement").click(function () {
    var target = $(this).attr("id");
    ToggleTest(target);
});

function ToggleTest(target) {
    var container = "#" + target + "Container";
    var arrowUp = "#" + target + "ArrowUp";
    var arrowDown = "#" + target + "ArrowDown";

    $(container).slideToggle("fast");
    $(arrowUp).toggle();
    $(arrowDown).toggle();
}

});

4

3 回答 3

0

这些是一些有用的链接

jQuery 论坛

Jquery 和 ajax 更新面板

多一个

于 2012-08-20T06:52:35.887 回答
0

您需要pageLoad在 javascript 代码中实现方法,并在该函数中调用您的 jQuery 函数。而且你不能使用click. 您需要在更新面板中使用onif .togglerElement

例如:

function pageLoad(){

 $(document).ready(function () {
   $("body").on('click','.togglerElement',function(){
      var target = $(this).attr("id");
      ToggleTest(target);
   });
 });
}

function ToggleTest(target) {
    var container = "#" + target + "Container";
    var arrowUp = "#" + target + "ArrowUp";
    var arrowDown = "#" + target + "ArrowDown";
    $(container).slideToggle("fast");
    $(arrowUp).toggle();
    $(arrowDown).toggle();
}
于 2012-08-20T14:34:46.757 回答
0

试试这个

$(document).ready(function () {
$(".togglerElement").live('click',function () {
    var target = $(this).attr("id");
    ToggleTest(target);
});

function ToggleTest(target) {
    var container = "#" + target + "Container";
    var arrowUp = "#" + target + "ArrowUp";
    var arrowDown = "#" + target + "ArrowDown";

    $(container).slideToggle("fast");
    $(arrowUp).toggle();
    $(arrowDown).toggle();
}
});
于 2012-08-20T19:06:07.320 回答