Question

每个人都对我的第一个问题做了如此短暂的工作，现在我又被另一个问题困扰了。

这主要是我怀疑的jQuery问题，虽然因为它是根据一些MySQL变量回应的，所以它变得非常混乱。我发现jQueryUI来自here，但是这个特殊代码对我来说根本不起作用。

我试图通过查看源代码，从这个例子中获得尽可能多的PHP和MySQL。变量似乎工作正常。

在下面的示例中，我尝试将ID为res10的DIV直接移到ID为100019的SPAN上.jQueryUI脚本设置为加载。标签就是为了证明它们位于两个不同的位置;一旦这个功能正常运行，SPAN几乎可以在任何地方。

<script language="javascript">
$(function() {

$("#res10").position({
    my:        "left top",
    at:        "left bottom",
    of:        $("#100019"), //I also tried just "#100019" and that didn't work.
    collision: "fit"
})

});

</script>   
<span id="151520"> [a spacer gif, but nothing else] </span>
<br /><br />
<div class="resContainer res10" id="res10">Information and Such</div>

请注意，resContainer类的CSS不会将对象定位为AT ALL，甚至不是默认位置：属性。

编辑：我觉得有人可能会问'你为什么要这样做？'因为只使用硬代码使它看起来像只用CSS就可以实现。如果没有详细了解原因，请知道它不会像那样工作。

如果jQuery可以通过获取offset（）变量和设置CSS来实现同样的目的，那很好，但是我尝试了一堆并且它不起作用，事实上，我得到了相同的输出，当我使用它时，是由PHP / MySQL（未显示）生成的所有DIV出现在彼此的顶部，在屏幕底部，在调用PHP脚本的其他所有内容下面。

Answer 1

好吧我不知道究竟是怎么回事，但我已经解决了自己的问题。可能是语法错误或错误的UI加载，但这是我最终使用的，这对我来说非常有效。

// - Can be placed anywhere, as long as it occurs before the SPAN it's adjusting
<script type="text/javascript">
$(function() {
    $("#resContainer3").position({
    "my": "right top",
    "at": "right top",
    "of": $("#100013"),
    "offset": "-3 7"
});
});
</script>

<span class=resContainer id=resContainer3></span>

希望这可以帮助碰巧遇到与我一样的问题的任何人！

jQuery UI通过另一个元素定位

1 个答案: