0

每个人都对我的第一个问题做了这么短的工作,现在我被另一个问题难住了。

这主要是我怀疑的一个 jQuery 问题,尽管因为它是根据一些 MySQL 变量回显的,所以它变得非常混乱。我发现 jQueryUI 是从这里推荐的,但是这个特定的代码对我来说根本不起作用。

我试图通过查看源代码来从这个示例中获取尽可能多的 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 根本不定位对象,甚至没有默认位置:属性。

编辑:我突然想到有人可能会问“你为什么要这样做?” 因为仅仅使用硬代码就可以让它看起来都可以单独使用 CSS 来实现。没有深入了解原因的一堆细节,只知道它不会那样工作。

如果 jQuery 可以通过获取 offset() 变量和设置 CSS 来实现同样的效果,那就太好了,但是我尝试了一堆并没有用,事实上,我得到了与使用它时相同的输出,仅此而已PHP/MySQL 生成的 DIV(未显示)出现在彼此的顶部,在调用 PHP 脚本的所有其他内容下方的屏幕底部。


4

1 回答 1

0

好的,我不确定它到底是怎么发生的,但我已经解决了我自己的问题。也许是语法错误或错误的 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> 

希望这对碰巧和我有同样问题的人有所帮助!

于 2012-04-10T00:55:51.847 回答