Jquery ui 通过另一个元素定位jqueryui
每个人对我的第一个问题都做了这么短的工作,现在我又被另一个问题难倒了 我怀疑这主要是一个jQuery问题,不过因为它是根据一些MySQL变量进行响应的,所以变得非常混乱。我发现jQueryUI是推荐的源代码,但这段代码对我来说根本不起作用 我试图通过查看源代码,从这个示例中获得尽可能多的PHP和MySQL。这些变量似乎工作正常 在下面的示例中,我试图将ID为res10的DIV直接移动到ID为100019的范围上。jQueryUI脚本设置为加载。Jquery ui 通过另一个元素定位jqueryui,jquery-ui,Jquery Ui,每个人对我的第一个问题都做了这么短的工作,现在我又被另一个问题难倒了 我怀疑这主要是一个jQuery问题,不过因为它是根据一些MySQL变量进行响应的,所以变得非常混乱。我发现jQueryUI是推荐的源代码,但这段代码对我来说根本不起作用 我试图通过查看源代码,从这个示例中获得尽可能多的PHP和MySQL。这些变量似乎工作正常 在下面的示例中,我试图将ID为res10的DIV直接移动到ID为100019的范围上。jQueryUI脚本设置为加载。标签仅用于证明它们位于两个不同的位置;一旦这项功能发
标签仅用于证明它们位于两个不同的位置;一旦这项功能发挥作用,跨度应该能够几乎在任何地方
<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>
$(函数(){
美元(“#res10”)。头寸({
我的:“左上”,
在“左下角”,
of:$(“#100019”),//我也试了一下“#100019”,但没用。
碰撞:“适合”
})
});
[一个空格gif,但没有其他]
信息等
请注意,resContainer类的CSS根本不定位对象,甚至不是默认的position:attribute
编辑:我突然想到,有人可能会问‘你为什么要这样做?’,因为仅仅使用硬代码就可以让它看起来完全可以通过CSS来实现。不必详细说明原因,只需知道它不会像那样起作用
如果jQuery可以通过获取offset()变量和设置CSS来实现同样的效果,那就太好了,但是我尝试了很多次,但都没有成功,事实上,我得到了与使用它时相同的输出,即PHP/MySQL生成的所有div(未显示)都显示在彼此的顶部,在屏幕底部调用PHP脚本的所有内容下方
好吧,我不确定这到底是怎么发生的,但我已经解决了自己的问题。可能是语法错误或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>
/-可以放置在任何位置,只要它出现在调整的量程之前
$(函数(){
$(“#resContainer3”)。位置({
“我的”:“右上方”,
“在”:“右上角”,
“of”:(“#100013”),
“偏移量”:“-3 7”
});
});
希望这能帮助那些和我有同样问题的人