昆仑山单干户 2016-03-07 08:24 采纳率: 100%
浏览 12016
已采纳

js/jquery中绑定的click事件只能执行一次，不能重复执行，再次点击没有效果

<!DOCTYPE html>






<br> .dt-main-p2{<br> padding-right: 2em;<br> line-height: 1.3em;<br> overflow: hidden;<br> padding-left: .5em;<br> max-height: 100%;<br> }<br> .dt-main-zhankai{<br> padding-left: 3.2em;<br> line-height: 0;<br> color: #095f8a;<br> display: none;<br> }<br>

2222222222222222222211111111111111我的滑板鞋我的滑板我的滑板鞋我的滑板鞋我的滑板123我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋鞋我的滑板鞋我的滑板鞋鞋我的滑板123我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板2222222222222222222211111111111111我的滑板鞋我的滑板我的滑板鞋我的滑板鞋我的滑板123我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋鞋我的滑板鞋我的滑板鞋鞋我的滑板123我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋鞋我的滑板鞋我的滑板鞋2222222222222222222211111111111111我的滑板鞋我的滑板我的滑板鞋我的滑板鞋我的滑板123我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋鞋我的滑板鞋我的滑板鞋鞋我的滑板123我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋鞋我的滑板鞋我的滑板鞋鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋鞋我的滑板鞋我的滑板鞋

展开

11111111111111我的滑板鞋我的滑板我的滑板鞋我的滑板鞋我的滑板123我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋鞋我的滑板鞋我的滑板鞋鞋我的滑板123我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋我的滑板鞋鞋我的滑板鞋我的滑板鞋

展开

window.onload = function(){ $(".dt-main-p2").each(function(){ var dtheight = $(this).height(); if( dtheight > 95){ $(this).css("max-height","95px"); $(this).next(".dt-main-zhankai").css("display","block"); } $(this).next(".dt-main-zhankai").click(function(){ $(this).prev(".dt-main-p2").css("max-height","100%"); $(this).html("收起"); $(this).click(function(){ $(this).prev(".dt-main-p2").css("max-height","95px"); $(this).html("展开"); }); }); }); }


如图，展开按钮，不能重复执行

  • 写回答

1条回答 默认 最新

  • danielinbiti 2016-03-07 08:58
    关注
     在展开后，把收起的事件覆盖了，就一直是展开的事件了。
 改成
 window.onload = function(){ $(".dt-main-p2").each(function(){ var dtheight = $(this).height();
 if( dtheight > 95){ $(this).css("max-height","95px");
 $(this).next(".dt-main-zhankai").css("display","block");
 } 
     $(this).next(".dt-main-zhankai").click(function(){ 
            changezhankai(this)
     });
 });
 }
 function changezhankai(me){
   if($(me).html()=='收起'){
     $(me).prev(".dt-main-p2").css("max-height","95px");
         $(me).html("展开");
   }else{
     $(me).prev(".dt-main-p2").css("max-height","100%");
         $(me).html("收起");
   }
 }
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥50 h5唤醒支付宝并跳转至向小荷包转账界面
  • ¥15 算法题：数的划分，用记忆化DFS做WA求调
  • ¥15 chatglm-6b应用到django项目中，模型加载失败
  • ¥15 武汉岩海低应变分析软件，导数据库里不显示波形图
  • ¥15 CreateBitmapFromWicBitmap内存释放问题。
  • ¥30 win c++ socket
  • ¥15 C# datagridview 栏位进度
  • ¥15 vue3页面el-table页面数据过多
  • ¥100 vue3中融入gRPC-web
  • ¥15 kali环境运行volatility分析android内存文件，缺profile