jQuery UI 对话框定位问题——“append”陈述问题

发布于 2024-10-21 17:31:12 字数 1290 浏览 1 评论 0原文

大家好——我在我的网站上使用 jQuery UI 对话框，但它使用绝对定位，而我需要相对定位。我的解决方案是将动态创建的 DIV 包装在相对定位的元素中。

我找到了需要更改的代码行，但我认为我的更改正在影响“容器”变量并破坏了代码的其余部分。有谁知道更改此设置的最佳方法：

        function initialize(instance) {
        _this = instance;
        // build html
        var realCaller = caller != null? caller:$("body");
        var cornerClass = options.showRoundCorner? "ui-corner-all ":"";
        realCaller.append("<div id='"+windowId+"' class='window_panel "+cornerClass+options.containerClass+"'></div>");
        container = realCaller.children("div#"+windowId);

在“append”行上添加“

”，如下所示：

        function initialize(instance) {
        _this = instance;
        // build html
        var realCaller = caller != null? caller:$("body");
        var cornerClass = options.showRoundCorner? "ui-corner-all ":"";
        realCaller.append("<div class=window_container><div id='"+windowId+"' class='window_panel "+cornerClass+options.containerClass+"'></div></div>");
        container = realCaller.children("div#"+windowId);

我不知道为什么它会破坏其余部分脚本，但我认为这与 JS 其余部分创建和引用“容器”的方式有关。

现在已经为此工作了 8 个多小时..任何人都可以帮忙！？

如有必要，我可以提供更多详细信息。

干杯!

原文

Hey Guys -- I'm using a jQuery UI dialog box on my site but it's using absolute positioning and I need relative. My solution is to wrap the dynamically created DIV in a relatively positioned element.

I found the line of code I need to change but I think my change is affecting the "container" variable and breaking the remainder of the code. Does anyone know the best way to change this:

        function initialize(instance) {
        _this = instance;
        // build html
        var realCaller = caller != null? caller:$("body");
        var cornerClass = options.showRoundCorner? "ui-corner-all ":"";
        realCaller.append("<div id='"+windowId+"' class='window_panel "+cornerClass+options.containerClass+"'></div>");
        container = realCaller.children("div#"+windowId);

to add "<div class=window_container>" on the "append" line, like this:

        function initialize(instance) {
        _this = instance;
        // build html
        var realCaller = caller != null? caller:$("body");
        var cornerClass = options.showRoundCorner? "ui-corner-all ":"";
        realCaller.append("<div class=window_container><div id='"+windowId+"' class='window_panel "+cornerClass+options.containerClass+"'></div></div>");
        container = realCaller.children("div#"+windowId);

I don't know why it's breaking the rest of the script but I assume it's something to do with the way the "container" is being created and referenced by the rest of the JS.

Been working on this for over 8 hours now.. anyone can help!?

I can provide more details if necessary.

Cheers!

分享到QQ

分享到微博