张小_张 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条)

报告相同问题？

悬赏问题

  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上，请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。
  • ¥15 各位 帮我看看如何写代码，打出来的图形要和如下图呈现的一样，急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境