通过另一个元素定位jQuery UI

大家对我的第一个问题做了这么短的工作，现在我被另一个问题困扰了。通过另一个元素定位jQuery UI

这主要是我怀疑的一个jQuery问题，虽然因为它根据一些MySQL变量被回显，但它变得非常混乱。我发现jQueryUI是从here推荐的，但是这个特殊的代码根本不适合我。

我试图通过查看源代码来获得尽可能多的PHP和MySQL。变量似乎正常工作。

在下面的示例中，我试图通过标识为100019的SPAN直接移动ID为res10的DIV。将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，甚至不是默认位置：attribute。

编辑：在我看来，有人可能会问'你为什么这样做？'因为仅仅使用硬代码就可以使用CSS来实现。没有深入了解一些关于原因的细节，只知道它不会那样工作。

如果jQuery可以通过获取offset（）变量和设置CSS实现相同的功能，那很好，但是我尝试了一大堆，并且它没有工作，事实上，当我使用这个时得到了相同的输出，也就是说，由PHP/MySQL（未显示）生成的所有DIV都显示在彼此之上，屏幕底部位于屏幕下方所有其他调用PHP脚本的位置。

来源

2012-04-09 Bryan Guidicianni

好吧我不确定它是怎么发生的，但我已经解决了我自己的问题。也许是一个语法错误或错误的用户界面加载，但这是我最终使用它的工作完美的。

// - 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-10 00:55:51

通过另一个元素定位jQuery UI

回答

相关问题