Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.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
Javascript JQuery prepend需要一秒钟才能在页面加载时输入div_Javascript_Html_Jquery_Css - Fatal编程技术网

Javascript JQuery prepend需要一秒钟才能在页面加载时输入div

Javascript JQuery prepend需要一秒钟才能在页面加载时输入div,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我有一个列表导航,我希望它在我的网页上的另一个div中(特别是在一个列中),我已经实现了这个导航。问题在于页面加载时(瞬间),在JQuery脚本执行到所需位置之前,它会立即出现在实际位置上。如何停止页面加载时的瞬间跳转 <div id="target"> <ul> <li></li> <li></li> <li></li> <li></li>

我有一个列表导航,我希望它在我的网页上的另一个div中(特别是在一个列中),我已经实现了这个导航。问题在于页面加载时(瞬间),在JQuery脚本执行到所需位置之前,它会立即出现在实际位置上。如何停止页面加载时的瞬间跳转

<div id="target">
<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>
</div>

如果您开始隐藏元素,并且仅在将其移动到新目标时才显示它,那么它将避免您看到的一些闪烁

$(文档).ready(函数(){
$('#destination').prepend($('#target').show());
});
#目的地{
背景颜色:蓝色
}
#目标{
显示:无
}

  • a
  • a
  • a
  • a

想知道JQuery根目录是否比Java脚本版本更稳定。感谢您浏览此Jamiec,它工作得很好!或者只需在CSS中添加
#destination#target{display:block;}
,以防止使用
.show()
的内联样式再次感谢Jamiec。想知道是否有人知道JQuery前置程序的普通js版本吗?@Lan.m也许。
$( document ).ready(function(){
$('#destination').prepend( $('#target') );
});