1

HTML を表示するために simplemodal jquery プラグインを使用することに苦労しています。この html には ajax ボタンがあり、これを押すと、より広い HTML コンテンツがモーダル ボックスに返されます。

simplemodal にこれを「認識」させて自動サイズ変更する方法はないようです。そのため、ajax ボタンが押されたときにモーダルを強制終了し、コンテンツが読み込まれた後にモーダルを再作成することをお勧めします。返され、初期オートサイズに処理させます。ただし、これを機能させる方法がわかりません。

これまでのところ、私は持っています:

$('#Element input.Ajax').click(function (e) {

//Get Ajax content and return to div 

$.modal.close();

$('#Element').modal(
              {
              onOpen: function (dialog) 
              {
              dialog.overlay.fadeIn('slow', function () 
                  {dialog.data.hide();
                   dialog.container.fadeIn('slow', function ()  
                      {dialog.data.slideDown('slow');});
                  });
               },
            onClose: function (dialog) 
                {
                dialog.data.fadeOut('slow', function () 
                    {
                    dialog.container.hide('slow', function () 
                        {
                        dialog.overlay.fadeOut('slow', function () 
                            {$.modal.close();});
                        });
                    });
                },
            overlayClose:true,
            opacity: 75,
              });

ただし、このコードは、オーバーレイを再度開かずに閉じるだけです。

4

1 に答える 1

0

新しいデータのサイズを決定し、それに応じてコンテナのサイズを変更することもできます。

ただし、メソッドに基づいて、次のようなことを行うことができます。

// inside the onShow callback for the first modal, bind the click event
onShow: function (dialog) {
    $('#Element input.Ajax', dialog.container[0]).click(function (e) {
        $("#new-modal").load("page.html", function () {
            $("#new-modal").modal({
                // your options
            });
        });
    });
}

お役に立てば幸いです。

-エリック

于 2009-11-16T04:21:55.910 に答える