2 qq 34433974 qq_34433974 于 2016.04.19 20:23 提问

点击导航的一级菜单和二级菜单时,页面会整体刷新,我只想页面刷新,导航不刷新。跪求啊?

图片说明
图片说明
我想要这样的。我们的导航和页面是分开写的,最后用链接组合网页。代码如下:
图片说明
JS如下:
$(function() {
$(".unified_click>a").click(function () {
$(this).parents().siblings().find(".unified_content").hide(300);
$(this).siblings(".unified_content").toggle(300);
});
})
等页面组合后,一点击导航,页面就会全部刷新,怎么做才能保持页面刷新,导航保持原状?a标签的href是要输入一个链接的,用来连接相应的网页,怎么用AJAX来刷新了?求代码
HTML代码不能放上去,只能放图片,麻烦各位大神了

2个回答

json_ligege
json_ligege   2016.04.19 20:28

可以考虑使用ajax替换要刷新的页面

json_ligege
json_ligege 回复云端随风: 具体怎么实现,我也不了解你的项目,这是一个思路,网上有相关代码
大约 2 年之前 回复
qq_34433974
qq_34433974 您好,我不会实现,可以麻烦您用代码实现下么?
大约 2 年之前 回复
showbo
showbo   Ds   Rxr 2016.04.20 11:51

a没有href不会跳转才对,不过会跳转到顶部,要阻止跳转需要return false

 $(function() {
$(".unified_click>a").click(function () {
$(this).parents().siblings().find(".unified_content").hide(300);
$(this).siblings(".unified_content").toggle(300);
return false///////////
});
})
qq_34433974
qq_34433974 回复云端随风: 那您知道AJAX该怎么弄或者用那种框架么?
大约 2 年之前 回复
showbo
showbo 回复云端随风: 如果要连接过去你只能用ajax或者框架来弄了
大约 2 年之前 回复
qq_34433974
qq_34433974 您好,后面不能添加 return false,那个a标签的href要添加链接的,连接到相应的页面。如果添加了,相应的页面也不跳转了
大约 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
导航栏页面如何根据请求刷新页面的一部分
问题:前端使用bootstrap写了一个带导航栏的JSP页面,现在要完成点击导航栏菜单是刷新页面的一部分内容而不是整个页面。
jquery实现angular左侧导航栏,页面刷新仍选中
1、最近帮新来的同事写了一个基于angular项目的左侧导航栏,由于之前的导航采用ng-repeat生成,用angular事件处理,代码量较大 项目用了阿里字体、jquery插件 效果图如下: 2、html代码如下(主要定义的导航的id,路由跳转) 3、js代码(为一级导航、二级导航绑定事件,页面刷新仍选中导航) 注:每次只能有一个导航处于展开状态
页面刷新时保持不变的导航菜单
我在做电子地图,每次进行操作页面都会进行刷新,导航菜单就恢复初始状态,后来在网上找到了些代码,页面刷新后菜单保持原来展开的样式。
vue导航栏(选中状态刷新不消失)
Vue导航栏         用Vue写手机端的项目,经常会写底部导航栏,我这里总结一套比较方便实用的底部导航栏方法,并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看一下效果,底部的图标全是UI给的选中和未选中样式的图片,根据公司要求,你也可能会用fontsize去写。(全部代码黏贴到本文的最后面了) 1、首先把这些小图片放到src/assets路径下面(
vue导航栏刷新,选中样式不修改(选中状态刷新不消失)
<router-link v-for="(item,index) in list" :key="item.value" :to="{path:item.path,query:{item:index}}" :class="{'router-link-exact-active':ind == index}" @click.native="changeBgc(index)
vue页面刷新,定位导航栏
项目还没结束,vue的踩坑之路就不能停(酸爽),我发现用vue-router,每次刷新页面,导航栏就会自动定位到首页,像这样,用户体验真的是相当差。思来想去,想不到什么好办法,去网上查资料,发现路由被激活了之后,生成的a链接里面会有一个类,喏,就是下面这个:有了这个类就好办了,我个给每一个小菜单加一个自定义属性,属于同一个大菜单的就加相同的属性,敲黑板了,这里很关键了,在mounted里,获取拥有...
layui点击导航栏刷新tab页
layui的tab也默认是切换,不会刷新,想要达到点击导航栏刷新tab的功能只需在tab.js文件中将autoRefresh: false,改为true.
js导航菜单左侧竖纵向二级导航菜单可点击展开与收缩子菜单
js导航菜单左侧竖纵向二级导航菜单可点击展开与收缩子菜单
点击菜单实现内容局部刷新
原理: 利用window.addEventListener(&quot;popstate&quot;, function(e) {});方法监听浏览器url的变化,判断当前的url动态局部刷新内容区域。(发现不太喜欢打字描述,还是直接贴代码好了。。。未来的我啊,回顾这段代码应该能看懂吧。)&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;...
html 二级菜单的显示和隐藏。+代码(亲测)
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白:   style=&quot;visibility: none;&quot;   document.getElementById(&quot;typediv1&quot;).style.visibility=&quot;hidden&quot;;//隐藏   document.getElementById(&quot;typediv1&quot;).style.visibilit