问答详情
源自:1-1 课程简介

使用jquery一直无法绑定tabs里面的事件

html:

<div class="tab">
		<ul class="title">
			<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>
		<ul class="content">
			<li class=" hid show">
				<a href="">公告公告公告公告</a>
				<a href="">公告公告公告公告</a>
				<a class="hot" href="">公告公告公告公告</a>
				<a href="">公告公告公告公告</a>
			</li>
			<li class="hid">
				<a href="">规则规则规则规则</a>
				<a href="">规则规则规则规则</a>
				<a href="">规则规则规则规则</a>
				<a href="">规则规则规则规则</a>
			</li>
			<li class="hid">
				<a href="">论坛论坛论坛论坛</a>
				<a href="">论坛论坛论坛论坛</a>
				<a href="">论坛论坛论坛论坛</a>
				<a href="">论坛论坛论坛论坛</a>
			</li>
			<li class="hid">
				<a href="">安全安全安全安全</a>
				<a href="">安全安全安全安全</a>
				<a href="">安全安全安全安全</a>
				<a href="">安全安全安全安全</a>
			</li>
			<li class="hid">
				<a href="">公益公益公益公益</a>
				<a href="">公益公益公益公益</a>
				<a href="">公益公益公益公益</a>
				<a href="">公益公益公益公益</a>
			</li>
		</ul>
	</div>

jquery:

$(document).ready(function() {
	// 绑定事件
	for (var i = 0; i < 5; i++) {
		var tit=$(".title a").get(i);
		var content =$(".content li").get(i);
		alert($(content).html());
		$(tit).bind("mouseover",function(){
			alert($(content).html());
		});
	};
});

第一个alert可以分别弹出content里面的内容,但是绑定事件里面的alert一直弹出的是最后一个content里面的内容,也不知道是哪里的错,各位有时间看一下哈,很着急

提问者:feibenren 2015-06-07 17:12

个回答

  • 候鸟seven
    2015-06-09 13:44:10
    已采纳

    $(document).ready(function() {
        // 绑定事件
    $(".title a").bind("mouseover",function(){
                alert($($(".content li")[$(".title a").index(this)]).html());
            });
    }); 用这个试试 你那绑定有问题