在动态加载的PHP表单上放置JavaScript事件
Placing a JavaScript event on a dynamically loaded PHP form
解决方案:
多亏了Shmiddty,我明白了这一点:
$( static parent element ).on('submit', '#add_client', function(e) {
e.preventDefault();
firm.addUser( $(this), '/ci/firm/add_client', 'client' );
});
描述:
我为一位客户制作了一些表格。我希望这个表单是根据他点击的链接动态创建的。此表单将自动填充一些数据。
以下是将创建动态内容的jQuery
:
$('.create').on('click', function(e) {
e.preventDefault();
utility.create_modal(); // dynamic div with form
});
这是创建div并将PHP
表单放置在html
:中的函数
$(document.createElement('div')).attr({
'class' : 'span3'
}).html( create_div( '/ci/firm/return_user_form/client', 'html' ) ),
这里是ajax
函数:
var result = '';
$.ajax({
url: path,
type: 'get',
dataType: type,
async : false,
success: function(data) {
result = data;
}
});
return result;
这是从PHP
文件中提取的html:(这是一个巨大的表单,我只想包括有问题的按钮)
<input type="submit" name="submit" value="Add Client" id="add_client">
问题:
这个动态html
内容中有一个表单。我想在我包含的表单上放置一个JavaScript
事件。这可能吗?如果是,我该怎么做?
这不起作用(#add_client
是表单中按钮的id):
$('#add_client').on('click', function(e) {
e.preventDefault();
});
$('some_parent_selector').on('click', '#add_client', function(e) {
e.preventDefault();
});
on
侦听器需要一个父对象(不是动态的)来侦听弹出的单击事件。然后,当事件冒泡到父级时,它会确定它是否源自'#add_client'
,如果是,它会调用您的匿名函数。
相关文章:
- 如何将javascript事件从web浏览器wpf控件发送到wpf的c#代码
- 在同一个javascript事件处理程序中调用不同的函数
- Javascript事件;在新选项卡中打开”;
- 存在每个时间元素的javascript事件
- Javascript事件.锚的目标问题
- 带有参数的Javascript事件处理程序
- 如何从另一个处理程序内部取消JavaScript事件处理程序函数的执行
- firefox中的Javascript事件范围问题
- Firefox中的JavaScript事件参数
- 在动态加载的PHP表单上放置JavaScript事件
- 如何在Javascript事件上从JSNI设置GWTClass字段
- Javascript事件发射器一次处理多个事件
- 在下拉式javascript事件监听器中选择时触发事件
- 在javascript中导入xlsx文件时,如何手动强制javascript事件
- 显示触发的JavaScript事件
- 正在取消IE11中的JavaScript事件
- 页面卸载期间的JavaScript事件循环
- 存在其他参数时访问Javascript事件
- 阻止Javascript事件影响子元素
- 如何在事件处理程序中获取 javascript 事件对象