Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 通过另一个元素定位jqueryui_Jquery Ui - Fatal编程技术网

Jquery ui 通过另一个元素定位jqueryui

Jquery ui 通过另一个元素定位jqueryui,jquery-ui,Jquery Ui,每个人对我的第一个问题都做了这么短的工作,现在我又被另一个问题难倒了 我怀疑这主要是一个jQuery问题,不过因为它是根据一些MySQL变量进行响应的,所以变得非常混乱。我发现jQueryUI是推荐的源代码,但这段代码对我来说根本不起作用 我试图通过查看源代码,从这个示例中获得尽可能多的PHP和MySQL。这些变量似乎工作正常 在下面的示例中,我试图将ID为res10的DIV直接移动到ID为100019的范围上。jQueryUI脚本设置为加载。标签仅用于证明它们位于两个不同的位置;一旦这项功能发

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

我怀疑这主要是一个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”
});
});
希望这能帮助那些和我有同样问题的人