JQuery 绑定 () 导致的异常行为
Unusual behaviour resulting from JQuery bind( )
我正在使用jQuery
将事件附加到动态创建的anchor
标签上,但是我得到了一个不寻常的效果,我现在将解释。
首先,这是我的jquery
$('#compresult').bind('click', 'a.con_add', function(e){
console.log(e);
$companyName = $('#comp_staff option:selected').text();
$companyId = $('#comp_staff option:selected').val();
$type = 'company';
//Display Name of the Company
$('#item_name').html(" - " + $companyName);
//Update Hidden Fields of Form
$('#comp_name').val($companyName);
$('#comp_id').val($companyId);
$('#type').val('contact');
//Make AJAX request to PHP file which will generate the Tags for the Object
$('#active_tags').load('pages/ajax/get_tags.php', {'name': $companyName, 'id': $companyId, 'type': $type},function(response, status, xhr){});
});
a.con_add
是页面首次加载时不存在的锚标记类,则这是该标记的html
:
<select style="width:300px" name="comp_staff" id="comp_staff">
<option value="0">Select Contact...</option>
<option value="25280">Person1</option>
<option value="25274">Person2</option>
<option value="162961">Person3</option>
<option value="25275">Person4</option>
<option value="139848">Person5</option>
<option value="25279">Person6</option>
</select>
<a href="#" class="con_add">Add Tag</a>
奇怪的行为是,当我更改此选择菜单的值而不是单击锚标记时,会触发click
事件。我的猜测是该事件正在bind
到包含选择菜单的整个div 中?
任何帮助都非常感谢。
您正在使用.bind()
,但正如您理论化的那样,这确实将 click 事件绑定到整个容器。只需将该.bind
更改为.on
,您的活动委派就可以工作。
相关文章:
- 在VanillaJS中模拟模型双向数据绑定
- 无法通过数组映射绑定
- 主干-不管怎样,检查事件以前是否绑定过
- 用于搜索的聚合物嵌套绑定
- Angular:更新一次性绑定的数据
- 如何使用ngrepeat和双向绑定获得指令的隔离范围
- react.js中的密钥绑定
- 使用regex的jquery keydown绑定不会验证撇号和句点
- 将事件处理程序绑定到任何可能的事件
- AngularJS指令只识别双向绑定类型
- Telerik rad组合框多列数据绑定
- 对API数据使用声明性绑定
- 如何销毁/删除/取消绑定SnapSVG.js
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- 当显式定义控制器参数时,默认模型绑定器会发生异常
- 使用datetimepicker敲除js绑定会出现异常
- AngularJS 2 - 内部属性数据绑定 - 异常:类型错误:无法读取未定义的属性
- JQuery 绑定 () 导致的异常行为
- Knockout:在提交和单击绑定中捕获异常
- 在使用WebDriver(HtmlUnit、Ruby绑定)时,是否可以忽略JavaScript异常