通過另一個元素定位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

回答

相關問題