如何更改 JQuery 对话框 css 最高值

Question

我有一个 jquery 对话框，我想将 css 顶部的值更改为 50px。我有一个 link 打开对话框，onclick 调用一个 js 函数，该函数应该更改对话框的顶部值，然后更改内部 html，然后打开对话框。

HTML:

<a onclick="linkClicked(); $('#myDialog').html('Loading...'); $('#myDialog').dialog('open'); return false;" href="#">Click Me</a>

<div id="myDialog" title="Basic dialog">
  <p>Test.</p>
</div>

<script>
$(function() {
    $( "#myDialog" ).dialog({
        autoOpen: false,
    });
});
</script>

JS:

function linkClicked() {
    $("#myDialog").parent().css({'top': '50px'});
    console.log($("#myDialog").parent());
}

这是我的 jsfiddle：

https://jsfiddle.net/kgjes8xs/

我的问题又是如何从 js 函数更改对话框的顶部样式值？

感谢您的所有帮助！

Answer 1

像这样将函数移动到 onClick 的末尾

<a onclick="$('#myDialog').html('Loading...'); $('#myDialog').dialog('open'); linkClicked();return false;" href="#">Click Me</a>

我已经在 fiddle 上试过了，它工作正常，逻辑上你必须运行在对话框打开后定位。

如何更改 JQuery 对话框 css 最高值

How to change JQuery Dialog css top value

jquery

jquery-ui-dialog