使用jquery一直無法綁定tabs里面的事件
html:
<div?class="tab"> <ul?class="title"> <li><a?href="">公告</a></li> <li><a?href="">規(guī)則</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="">規(guī)則規(guī)則規(guī)則規(guī)則</a> <a?href="">規(guī)則規(guī)則規(guī)則規(guī)則</a> <a?href="">規(guī)則規(guī)則規(guī)則規(guī)則</a> <a?href="">規(guī)則規(guī)則規(guī)則規(guī)則</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里面的內容,也不知道是哪里的錯,各位有時間看一下哈,很著急
2015-06-09
$(document).ready(function() {
??? // 綁定事件
$(".title a").bind("mouseover",function(){
??????????? alert($($(".content li")[$(".title a").index(this)]).html());
??????? });
}); 用這個試試 你那綁定有問題