Javascript 如何使用分页正确处理List.js列表中的切换效果

当我在List.js中包含分页管理时，我对点击切换的行为有一个问题。该效果首先正常工作，但当我导航到第2页然后返回到第1页时，切换效果没有响应。我必须在分页链接上单击两次才能恢复效果

如何纠正这种行为？更一般地说，什么是正确的策略来调试这类问题

下面是一个示例，下面是js和html代码

谢谢你的帮助

var选项={
值名称：[
“日期”，
“转换”，
“收入”，
“cr”
],
页码：3，
分页：正确
};
var userList=新列表（“用户”，选项）；
函数隐藏和切换（用户列表）{
$（'.row toggle'）.hide（）；
$（“.list li”）。在（'click'，函数（行）{
$（this.find（'.row toggle'）.toggle（）；
});
}
$（函数（）{
隐藏和切换（用户列表）；
userList.on（'updated'，函数（userList）{
隐藏和切换（用户列表）；
});
});

按日期排序
按转换计数排序
按收入分类
按CR排序


1.
10
100
1000
目标
安装
20
先听
3.
购买
4.
擦伤和过度交付
擦洗
30
200
超额交货
40
400


2.
20
200
2000
你好
世界
你好
世界
你好
世界
侧边内容2


3.
30
300
3000
你好
世界
你好
世界
你好
世界
侧边内容3


10
100
1000
10000
你好
世界
你好
世界
你好
世界
侧边内容10



根本原因：

如果触发了
userList.on（'updated'，function（userList）{}
，它将绑定
$（“.list li”）。在（'click'，function（row）{}

您可以尝试双击第1页，然后您会发现切换不起作用（实际上切换了两次，因此似乎没有切换）

当您再次单击时，您将发现切换再次起作用。（实际上它被切换了三次）

解决方案非常简单，只需在绑定前解除绑定
$（“.list li”）。在（'click'）


var选项={
值名称：[
“日期”，
“转换”，
“收入”，
“cr”
],
页码：3，
分页：正确
};
var userList=新列表（“用户”，选项）；
函数隐藏和切换（用户列表）{
$（'.row toggle'）.hide（）；
$（“.list li”）.unbind（“click”）；//清除事件绑定。
$（“.list li”）。在（'click'，函数（行）{
$（this.find（'.row toggle'）.toggle（）；
});
}
$（函数（）{
隐藏和切换（用户列表）；
userList.on（'updated'，函数（userList）{
隐藏和切换（用户列表）；
});
})；

按日期排序
按转换计数排序
按收入分类
按CR排序


1.
10
100
1000
目标
安装
20
先听
3.
购买
4.
擦伤和过度交付
擦洗
30
200
超额交货
40
400


2.
20
200
2000
你好
世界
你好
世界
你好
世界
侧边内容2


3.
30
300
3000
你好
世界
你好
世界
你好
世界
侧边内容3


10
100
1000
10000
你好
世界
你好
世界
你好
世界