Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.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 将div定位在模态外部/相对于其位置?_Jquery_Css - Fatal编程技术网

Jquery 将div定位在模态外部/相对于其位置?

Jquery 将div定位在模态外部/相对于其位置?,jquery,css,Jquery,Css,我一直在读一些关于将div附加到其他对象的书。我想做的是把一个标志放在一个模态框的顶部(在它外面),并使它随着模态高度的变化而移动。然而,我被困在我将如何风格,始终遵循动态模式 到目前为止,我得到的是: $(#mydiv).appendTo("#cboxContent"); 我所理解的是,这以某种方式连接了它们,我查阅了css和jquery,它们似乎都是在两个div都位于包装器中的情况下实现的,但我认为这不适用于这里。谢谢:) 将此添加到标记中 $(#facebooklike).appen

我一直在读一些关于将div附加到其他对象的书。我想做的是把一个标志放在一个模态框的顶部(在它外面),并使它随着模态高度的变化而移动。然而,我被困在我将如何风格,始终遵循动态模式

到目前为止,我得到的是:

$(#mydiv).appendTo("#cboxContent");
我所理解的是,这以某种方式连接了它们,我查阅了css和jquery,它们似乎都是在两个div都位于包装器中的情况下实现的,但我认为这不适用于这里。谢谢:)


将此添加到标记中

$(#facebooklike).appendTo("#cboxContent");
将此添加到#facebooklike:

position:absolute;
left:-100px;
top:-100px;

这是指向模式的链接:

<a class='modal1' href="file2.html">Colorbox</a>

下面是我的facebook浮动div:

<div id="facebooklike" class="facebooklike">
    <div class="facebookinner">facebook div
</div></div>

facebook部门

您的代码虽然应该是$(“#mydiv”),但将div放置在#cboxContent中。 现在可以将css设置为:

#mydiv{
    position:absolute;
    left:-100px;
    top:-100px;
}
比如说


这应该显示在cboxContent之外。您必须调整左侧和顶部以满足您的需要。还要确保cboxContent具有
溢出:可见

你能参考模态代码并粘贴到目前为止你所拥有的吗?嗯,这似乎不起作用。请参阅上面我的工作演示。我将css属性添加到#facebooklike中,并在标记中添加了“append to”。这打破了模式。事实上,它确实起作用了——不仅在我的模式上,但这是一个不同的问题。非常感谢安迪:)