代码如下:
<div class="block bk-n">
<div class="hover" id="arrow_toggle" onclick="SendEvent(34,892,"{'inx':'5'}");">
<div class="arrow"></div>
<div class="cont">
<div class="title">
测试内容一
</div>
<div class="desc">
测试内容一小节
</div>
</div>
<div class="hidden-cont">
<p>
<i class="icon icon-phone"></i>8888888888
<br>
<i class="icon icon-mail"></i>3333333333@qq.com
</div>
</div>
<div class="cover">
<img src="images/b82aef0366daebe6651436d683783e2f.jpg" alt="">
</div>
</div>
<div class="block bk-n">
<div class="hover" id="arrow_toggle" onclick="SendEvent(34,892,"{'inx':'6'}");">
<div class="arrow"></div>
<div class="cont">
<div class="title">
测试内容二
</div>
<div class="desc">
测试内容二小节
</div>
</div>
<div class="hidden-cont">
<p>
<i class="icon icon-phone"></i>9999999999
<br>
<i class="icon icon-mail"></i>44444444444@qq.com
</div>
</div>
<div class="cover">
<img src="images/bk_6.jpg" alt="">
</div>
</div>
刷新后发现只有第一个hidden-cont效果执行了,相关js代码如下我找了找貌似是这些,请问应该怎么修改?
$('.block').on('click', function(event){
var $this = $(this),
url = $this.attr('data-url');
if($this.hasClass('bk-n')) return;
location.href = url;
});
$('#arrow_toggle').on('click', function(){
$(this).closest('.hover').toggleClass('hover-on');
http://bbs.csdn.net/topics/380088141
刷新页面你设置的样式当然也没有了,你需要通过location.href找到菜单项重新设置,参考这个:网站导航栏目焦点设置
你的代码是你自己写的吗,还是从别人那里复制黏贴来的?
首先从你贴出来的代码,并看不到SendEvent,如果没有定义的话,页面的javascript就出错了,会导致页面的其他的js代码不能执行。
第二,页面的元素使用id,id的意义就在于它的唯一,你在一个页面搞两个id="arrow_toggle"是什么意思啊
第三,你的第一个函数$('.block')用到了url = $this.attr('data-url'),但是在你的页面元素中并没有data-url属性,你的页面也没有做url是否存在的判断,location.href = url;也可能出错。
最后,你的js代码是放置在什么位置的,是否是在domReady里面?
代码不完整,但是肯定是有问题,自己好好检查。在浏览器上按F12,打开开发者工具,在控制台标签页检查错误信息。