0

У меня возникла проблема с позиционированием диалогового окна.JQuery DialogBox positiong проблемы (застрял в верхнем левом углу)

Я использую классический ASP или VBScript вместе с JQuery-UI-1.10.2 и JQuery-1.9.1.js

Мой диалог работает просто отлично для позиционирования исключением. Кажется, что он застрял в верхнем левом углу страницы, независимо от того, что я меняю. Я добавил позицию, установил center = true, попытался изменить стиль и другие небольшие настройки, но ничего не работает. Я в затруднении здесь, и мне было интересно, если кто-то еще столкнулся с подобной проблемой, спасибо.

Когда я загрузил пользовательский интерфейс JQuery, я убедился, что все было проверено.

HTML:

<table cellpadding="0" cellspacing="0"> 
<td id="Comments" height="39" colspan="1"> 
</td> 
</table> 

<div id="dialog-message" title="Important information"> 
    <p style="text-align:center;"> Message regarding this content </p> 
    <br/> 
    <div style="margin-left: 23px;"> 
    <p>Subject: <input type="text" id="subject" /> 
    <br/> <br/> 
    Body: <input type="text" id="question" /> 
    </div> 
</div> 

Jquery:

$(document).ready(function() { 
     $("#dialog-message").hide() 
    } 
    ); 
$("#Comments").click(function() { 
    $("#dialog-message").dialog({ 
     modal: true, 
     width: 400, 
     height: 500, 
     } 
     } 
    }); 
}); 
+0

Включили ли вы CSS, который поставляется с вашим плагином? –

+0

Да, у меня есть. Извините, забыл упомянуть об этом. – shenn

ответ

1

Очистка кода решает проблему:

$(document).ready(function() { 
    $("#dialog-message").hide(); 
    $("#Comments").click(function() { 
      $("#dialog-message").dialog({ 
       modal: true, 
       width: 400, 
       height: 500 
      }); 
    }); 
}); 

Вот working jsfiddle

+0

@shenn, этот ответ был в состоянии помочь вам в любом случае? – marty