jquery放到网页底部怎么让上面的jq代码执行

Posted 2023-04-12

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery放到网页底部怎么让上面的jq代码执行相关的知识，希望对你有一定的参考价值。

求个例子把jquery js放到网页底部执行网页顶部的jquery 代码

按官方建议，一般是放在head之内的。但是这只是推荐，实际当中还是可以按情况来写的。

如果是一开始就加载的，可以用$(document).ready(fuction());在function中写你的方法。

运行到页面某个地方才加载的，就直接嵌套在页面当中，用<script type="text/javascript"></script>包住就可以了。

参考技术A JQuery类库一定要放在JQuery脚本之前的啊，你把类库放底部铁定执行不了的本回答被提问者采纳参考技术B 顶部的代码放到函数里，底部执行那个函数就行了追问

求老大给个演示

1
2

$(".z8").mouseenter(function()
$(".zji8").show();
);
$(".z8").mouseleave(function()
$(".zji8").hide();
);

上面的脚本怎么能写函数里给我个例子吧老大

追答

1方法一
window.onload=function()
$(".z8").mouseenter(function()
$(".zji8").show();
);
$(".z8").mouseleave(function()
$(".zji8").hide();
);

方法2
function abc()
$(".z8").mouseenter(function()
$(".zji8").show();
);
$(".z8").mouseleave(function()
$(".zji8").hide();

abc();

方法3
最好还是把jquery引用放到上面

参考技术C JQuery类库一定要放在JQuery脚本之前参考技术D 楼上正解！

jquery怎么实现选中一个li然后显示一个div下面的ul

我要选中分类然后显示#nav_jq的内容
这是我的jq代码移上去显示是可以的但是移到内容里面就是选不中一下就没了
希望帮帮忙谢谢
<script type="text/javascript">
$(function()
$('.nav ul li#hover_nav').mouseover(function(e)
$('#nav_jq').stop().slideDown(500).css('display','block');
).mouseout(function(e)
$('#nav_jq').stop().slideUp(500).css('display','none');
);

)
</script>
css代码
#search #nav_jq
background:#eee;
position:absolute;
top:0;
left:405px;
z-index:2;
display:none;

html代码如下

<div class="nav">
<p>
<a href="###">登录</a>
<a href="###">注册</a>
<a href="###">收藏本站</a>
</p>
<ul>
<li class="index1"><a href="###">首页<span>Home</span></a></li>
<li id="hover_nav"><a href="###">分类</a></li>
<li><a href="###">咨询</a></li>
<li><a href="###">论坛</a></li>
<li><a href="###">兼职</a></li>
<li><a href="###">网站简介</a></li>
<li><a href="###">网站地图</a></li>
<li><a href="###">留言</a></li>
</ul>
</div>
----------------------------------------------------------------------------------------------------
<div id="search">
<div id="nav_jq">
<ul id="level">
<li>英语</li>
<li>高数</li>
<li>四级</li>
<li>java</li>
</ul>
<ul id="level">
<li>英语</li>
<li>高数</li>
<li>四级</li>
<li>java</li>
</ul>
<ul id="level">
<li>英语</li>
<li>高数</li>
<li>四级</li>
<li>java</li>
</ul>
</div>
</div>

参考技术A 你为什么要加mouseout事件呢，加了这个事件，你鼠标一离开那个li，弹出的内容就隐藏了，去掉那个事件追问

我就是想当鼠标移上去的时候显示移出去的时候隐藏但移上去的时候我想放在level这个id还是显示的呢

那我要怎么改呢

追答

你一移开就隐藏了，你可以把移开隐藏事件放在id=search上，为什么一定要在hover_nav呢？

追问

是这样吗好像不行那代码不是很懂求代码谢谢

追答

$(function()
$('.nav ul li#hover_nav').mouseover(function(e)
$('#nav_jq').stop().slideDown(500).css('display','block');
);
$('#search').mouseout(function(e)
var pObj=e.relatedTarget||e.toElement;
var b=true;
while(pObj!=null)
if(pObj==this)
b=false;
break;

pObj=pObj.parentNode;

if(b)
$('#nav_jq').stop().slideUp(500).css('display','none');

);

)

试试这个