张小_张 2012-08-31 10:57
浏览 222
已采纳

jquery做循环绑定（live方法）事件的问题

如题
现在我有4个按钮控件：id分别为'b1'、'b2'、'b3'、'b4'
有4个div id分别为'div1'、'div2'、'div3'、'div4'

我想要通过for循环和live()函数将每个按钮的click事件分别绑定相应的div的一个animate动作。比如按钮id为'b1'，点击后'div1'会给出相应动作、按钮id为'b2'，点击后'div2'会给出相应动作,以此类推。
但是现在实现不了。FF下不报错。ie下报jquery.js文件的一段说不支持apply方法。

请问是什么问题，该如何实现我想要的效果呢?
:oops: 第一次发帖，如果问题太傻什么的请大家多多包涵。

代码如下：
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



try20 $(document).ready(function(){ for(var i = 1;i<=4;i++ ) $("#b"+i).live('click',function(i){ $("#div"+i).slideToggle(); }); }); *{ mapping:0px; margin:0px; } DIV{ width:100px; height:100px; background-color:#CBCE97; display:none; }



  • 写回答

3条回答 默认 最新

  • iteye_5246 2012-08-31 11:18
    关注

    送完整demo:
    [code="html"]
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



    try20 $(document).ready(function () { var array = [0, 1, 2, 3]; for (var index in array) { $("#b" + index).bind("click", {index: index}, clickHandler); $("#div" + index).bind("click", {index: index}, animate); } function clickHandler(event) { var index = event.data.index; var item = array[index]; $("#div"+index).show(); hideother(index); alert(item); } function animate(event) { var d=event.target.id; alert("选择的div id="+d); } function hideother(param) { for (var index in array) { if(index!=param) { $("#div"+index).hide(); } } } }); *{ mapping:0px; margin:0px; } DIV{ width:100px; height:100px; background-color:#CBCE97; display:none; }


    1
    2
    3
    4



    [/code]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
  • ¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)（相关搜索：51单片机|单片机|测试代码）
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了，如何解决？(操作系统-ubuntu)