Сохраняйте содержимое диалога jQueryUI видимым, добавляйте новое измерение в содержимое диалогового окна - PullRequest
Новая
       41

Сохраняйте содержимое диалога jQueryUI видимым, добавляйте новое измерение в содержимое диалогового окна

1 голос
/ 06 января 2012

Фрагмент кода для использования диалогового окна jQueryUI : 

 $(".upload_photos").bind('click', function (e) {
     e.preventDefault();
     var dialog = $(this);
     dialog.dialog({
         width:860,
         height:560,
         autoOpen: false
     });
     dialog.dialog('open');
 });

HTML-разметка: 

<div class="upload_photos">
    <img src="source" />
</div>

Когда я нажимаю на div «upload_photos», изображениеотображается в диалоговом окне, но исчезает с фоновой страницы.

  1. Как сохранить его видимым одновременно на фоновой странице?

  2. Когда изображение появится в диалоговом окне, я хочу, чтобы оно отображалось в разных размерах (ширина и высота).Как это сделать?

РЕДАКТИРОВАТЬ:

Несколько раз нажав на Div 'upload_photos' создает несколько диалогов.Но я не хочу создавать диалог для последующих кликов.Как это сделать?

РЕДАКТИРОВАТЬ 2:

У меня есть кнопка под изображением div "upload_photos".Я использую клон (var dialog = $(this).clone();).Я тоже получаю эту кнопку в этом диалоговом окне.Но если я нажму на кнопку, пометка начнется на изображении на веб-странице, а не на изображении диалогового окна.

Какое решение?

EDIT3:

Сценарий тегирования с помощью jquery делает выбор в div 'upload_photos'.Когда он клонируется в диалоговое окно, сценарий все еще находит выборку на веб-странице, а не в диалоговом окне.Это может быть связано (?) С обработкой событий или как?Я пытался с 

var dialog = $(this).clone(true);

, но не смог решить.Как перевести внимание выбора jquery на диалоговое окно?

EDIT4 "

Если я использую var dialog = $(this) вместо var dialog = $(this).clone(true);, тогда происходит пометкав диалоговом окне, но изображение исчезает с веб-страницы.

1 Ответ

0 голосов
/ 06 января 2012

1) вы используете страницу div в качестве диалогового окна, попробуйте это: 

var dialog = $(this).clone();

2) для отображения фиксированного размера в диалоговом окне: 

$("img", dialog).addClass('fixedSize');

img.fixedSize {
    width: 500px;
    height: 500px;
}

3) для блокировкифон от нажатия: 

dialog.dialog({
    width:860,
    height:560,
    autoOpen: false,
    modal: true
});

Прочитайте диалоговую документацию и опции для получения дополнительной информации и конфигурации:

...