Как использовать диалоговое окно jQuery UI с ASP.NET UpdatePanel? - PullRequest
Новая
       15

Как использовать диалоговое окно jQuery UI с ASP.NET UpdatePanel?

0 голосов
/ 12 октября 2011

Вот что я пробовал:

В моей веб-форме: 

<div class="demo" style="float: left">
    <div id="dialog" title="Basic dialog">
        <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
    </div>
    <button id="opener">Open Dialog</button>
</div>
<!-- End demo -->

В моей мастер-странице: 

<script type="text/javascript">
    // increase the default animation speed to exaggerate the effect
    $.fx.speeds._default = 1000;
    $(function () {
        $("#dialog").dialog({
            autoOpen: false,
            show: "blind",
            hide: "explode"
        });

        $("#opener").click(function () {
            $("#dialog").dialog("open");
            return false;
        });
    });
</script>

Как видите, я просто пытаюсь реализовать демонстрацию с официального сайта jQuery UI (http://jqueryui.com/demos/dialog/#animated), но она не работает.

Что мне не хватает? Заранее спасибо!

1 Ответ

1 голос
/ 12 октября 2011

См. этот вопрос относительно запуска javascript после загрузки UpdatePanel. После загрузки UpdatePanel вы можете определить свое диалоговое окно и событие нажатия кнопки.

...