两点关于jQuery的注意事项

页面导航:首页 > 网络编程 > JavaScript > 两点关于jQuery的注意事项

两点关于jQuery的注意事项

来源: 作者: 时间:2016-01-23 10:23 【

问题:我要写一个动态加载输入问题和选项的组件,如图所示:初始化状态:运行效果:问题1: 当点击添加问题的时候,动态加入一个大的节点,每一个问题后面都有一个添加选项的按

问题:

我要写一个动态加载输入问题和选项的组件,如图所示:

初始化状态:

\

运行效果:

\

问题1:

当点击”添加问题“的时候,动态加入一个大的节点,每一个问题后面都有一个”添加选项“的按钮。需要给这个按钮添加事件,点击再去加入选项的节点。初始化给这类按钮添加事件是不可行的,因为页面一加载进来的事件对之后动态添加的节点是无效的,所以要再绑定一个事件。这里有问题!因为你绑定的事件也会给之前存在的节点再绑定一次,结果导致你点击之前的按钮,会触发多次。所以就要在绑定新节点的事件之前,把之前的都清理掉,保证页面上所有按钮都只有一个绑定事件。解决代码如下:

 

$(".addOption").unbind("click");
$(".addOption").click(function(){
	addOption(this);
});

问题2:
在删除选项的时候,要对之后的选项进行排序,1234,删除了2,应该是123。

 

一开始我的处理是:点击删除选项的按钮,就remove这个节点的父节点,也就是这整个选项区域(事件绑定在那个

 


 
Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<