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

これを試して

$(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 に答える
0

pageLoadメソッドを JavaScript コードで実装し、その関数内で jQuery 関数を呼び出す必要があります。そして、あなたは使用できませんclick。updatepanel 内にあるon場合は、使用する必要があります。.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

これらはいくつかの便利なリンクです

Jquery フォーラム

Jquery と ajax の更新パネル

ワン・モア

于 2012-08-20T06:52:35.887 に答える