Faisalabadians Ответов: 2

Диалог JQuery не открывается во второй раз

привет, это мой код для открытия диалогового окна jquery. это работает в первый раз, но не во второй раз :( помогите pls


function LoadGridView(id, row) {
          var dlg = jQuery('#Main_ProductEdit').load('ProductEdit.aspx');

          dlg.dialog({ autoOpen: false, modal: true, show: 'slide', close: 'slide', width: 400, height: 160,
              buttons: { "cancel": function () { dlg.dialog("close");} }
          });
          alert('opening');
          dlg.dialog("open");


      }

2 Ответов

Рейтинг:
13

Nick Fisher (Consultant)

Из того, что я вижу, кажется, существует какой-то конфликт между функциями JQuery 'load' и 'dialog'. Действительно ли вам нужно добавлять диалог к элементу каждый раз, когда эта функция вызывается?

В моем браузере работает следующее.

Язык JavaScript:

// this var needs to be global
var dlg;

$(document).ready(function () {

    // grab the element
    dlg = $("[id$='Main_ProductEdit']");

    // add the dialog function to it
    dlg.dialog({ autoOpen: false, modal: true, show: 'slide', close: 'slide', width: 400, height: 160,
        buttons: { "cancel": function () { dlg.dialog("close"); } }
    });

});

function LoadGridView() {

    // load contents
    dlg.load('ProductEdit.aspx');

    // open it
    dlg.dialog("open");
}


HTML:
<input type="button" value="Open" onclick="LoadGridView();"/>

Faisalabadians

Ник Фишер, ты такой великий человек... большое спасибо, дорогой... пусть ты будешь жить долго и всегда будешь счастлив..

Faisalabadians

не могли бы вы сказать мне еще кое-что? как загрузить другую страницу .aspx в jquery dialoge для вышеуказанной той же проблемы?

Рейтинг:
1

Member 13893762 

function PopupForm(url) {
    var formDiv = $('#dialog');
    $.get(url)
        .done(function (response) {
            formDiv.html(response);
            Popup = formDiv.dialog({
                autoOpen: true,
                resizable: false,
                modal: true,
                close: 'slide',
                title: 'Add Details',
                height: 200,
                width: 300,
                close: function () {
                    var url = 'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js';
                    var script = document.createElement("script")
                    script.type = "text/javascript";
                    script.src = url;
                    document.getElementsByTagName("head")[0].appendChild(script);
                },
            });
        });
}

CHill60

Просто сбрасывание кода против вопроса 6-летней давности не является решением проблемы.