3

私は既知の数の JQuery ダイアログのみを使用しており、動的バージョンを機能させるのにあらゆる種類の問題を抱えています。うまくいけば、誰かがこれで私を助けてくれます。既知の番号でそれを行う方法は次のとおりです。

$( "#opener1" ).click(function() {
    $( "#dialog1" ).dialog( "open" );
    $( "#dialog1" ).height(200);
    return false;
});

$( "#dialog1" ).dialog({
    autoOpen: false,
    show: "fold",
    hide: "explode",
    width: 600,
    height: 200,
    buttons: {
        Close: function() {
            $( this ).dialog( "close" );
        }
    }
});

そして、私はこれを行います:

<A HREF='' ID='opener1'>Text to open</a>

<div class="dialog1"> content here </div>

アンカー タグと div タグの両方をループ (クラシック ASP) 内に配置し、アンカー タグの ID と div のクラスの両方に明らかに動的に名前を付けたいと思います。助けていただければ幸いです。ありがとうございます

4

1 に答える 1

1

hrefタグの属性を使用して、a開くダイアログを選択できます。
これは、タブ モジュールなどの他の jQuery UI モジュールによって適用されるパターンです。

1 つのダイアログに複数のリンクを設定でき、非常に読みやすい方法でダイアログのコンテンツにリンクできます。

実際のコードを見るjsfiddle

JavaScript

jQuery(function ($) {
  $(".dialog-opener").click(function () {
    $($(this).attr('href')).dialog({
        show: "fold",
        hide: "explode",
        width: 600,
        height: 200,
        buttons: {
            Close: function () {
                $(this).dialog("close");
            }
        }
    });
    return false;
  }); 
});

html

<a href='#dialog1' class="dialog-opener">Text to open 1</a>
<a href='#dialog1' class="dialog-opener">Text to open 1</a>
<a href='#dialog2' class="dialog-opener">Text to open 2</a>

<div id="dialog1">Dialog 1</div>
<div id="dialog2">Dialog 2</div>
于 2013-07-15T06:33:23.520 に答える