Как установить позицию всплывающего окна?

Question

Я работаю в Asp.Net vs08 C #. Я хочу показать всплывающее окно ** в нижней части ** кнопки. Не в центре страницы. Вот мой синтаксис.

Код Aspx:

<input id="Button3" type="button" value="Open 1" />

Jquery:

<script type="text/javascript">
  $(function() {
      $("#Popup").dialog({
          bgiframe: true,
          autoOpen: false,
          height: 300,
          modal: true,
          buttons: {
              Cancel: function() {
                  $(this).dialog("close");
              }
          },
         close: function() {
              allFields.val("").removeClass("ui-state-error");
         }
      }).parent().appendTo($("form:first"));
      $("#Button3").click() {
        $("#Popup").dialog("open");
      });
    });
</script>

показать мне синтаксис или изменить мой синтаксис . Спасибо.

Answer 1

Вам нужно будет добавить поле position к аргументу параметров:

<script type="text/javascript">
  $(function() {
      $("#Popup").dialog({
          bgiframe: true,
          autoOpen: false,
          height: 300,
          modal: true,
          position: [100, 200], // 100 is x location, 200 is y location, in pixels
          buttons: {
              Cancel: function() {
                  $(this).dialog("close");
              }
          },
         close: function() {
              allFields.val("").removeClass("ui-state-error");
         }
      }).parent().appendTo($("form:first"));
      $("#Button3").click() {
        $("#Popup").dialog("open");
      });
    });
</script>

position также может принимать строку типа "top" или "left".

Дополнительную информацию об этом см. В документации Диалог пользовательского интерфейса jQuery .

Answer 2

Просто добавьте ключевое слово Position к вашему запросу, например

позиция: [400, 500]