将一个工作的jQuery表单复制到另一个位置,但只复制原来的工作
copied a working jQuery form to another location but only the original works?
我已经将一个工作的jQuery表单从一个页面复制到另一个页面,原始的工作如预期的,但副本没有。
原文如下:所以我有一个onclick函数附加到一个图像,打开一个确认模态窗口与一个"OK"按钮(aka)我的提交按钮,按下这个提交一个post函数,关闭窗口,并创建一个帖子在另一个页面(主页)。
我已经将这个工作表单复制到我的主页上,这样用户就不必去上面提到的页面来完成这个任务。但是,在重复的表单上点击"确定"按钮后,它会关闭窗口并刷新页面,但是post函数似乎没有触发。
代码如下:
<script>
jQuery(function (){
jQuery('#form-bumb .button-waiting, #form-bumb .waiting-updated').hide();
jQuery('#form-bumb').submit(function (e){
e.preventDefault();
//product_id
jQuery('#form-bumb .waiting-updated').hide();
jQuery('#form-bumb .button-waiting').show();
jQuery.ajax({
url : the_ajax_script.ajaxurl,
type : 'post',
data : {
action : 'product_bump',
product_id : <?php echo $product_id; ?>
},
success : function( response ) {
jQuery('#form-bumb .button-waiting').hide();
jQuery('#form-bumb .waiting-updated').show();
jQuery('#form-bumb button[type=submit]').hide();
remaining_bump = jQuery('.products-total-wrap #products-total-bumps').text();
if (remaining_bump > 0){
remaining_bump = parseInt(remaining_bump) - 1;
jQuery('.products-total-wrap #products-total-bumps').text(remaining_bump);
}
}
});
});
jQuery('#modal_product_message_confirmation h4.modal-title').html('Bump Confirmation '+
'<img src="<?php echo get_template_directory_uri();?>'+
'/assets_consumer/assets/img/bump-icon.png" width="20" />');
});
</script>
我不知道是什么问题,如果有人能给我指出正确的方向,我将不胜感激。
也许你的表单是动态生成的,#form-bumb
在运行jQuery('#form-bumb').submit(function (e){....})
时不存在
你应该试试
$(document).on('submit','#form-bumb',function(e){....})
如果它是动态创建的,也会对表单起作用
相关文章:
- 我的剧本赢了'不能在IE中工作(甚至9)?修改复制文本的简单javascript
- 日食添加文件而不将其复制到工作区中
- 将搜索按钮从一个站点复制到另一个站点:此搜索按钮如何工作,以及如何重现其操作
- 将工作表复制到新的电子表格,将单元格值添加到新电子表格名称的末尾
- jQuery和其他从工作的jsfiddle复制到本地env时未运行的JS
- JS下拉列表没有'不能在复制的HTML源中工作
- 复制到剪贴板是't工作
- jQuery 切换复制停止工作
- 将数据从一个工作表复制到另一个工作表;使用目标工作表中的复制数据创建一个表
- Google 不会使用 “duplicateActiveSheet();”复制活动工作表
- ngRepeat:dupes 使用名为“name”的数组在中继器中复制键.用其他名称,它是工作
- 即使我从另一个工作小提琴复制代码,JSFiddle 也不起作用
- 根据条件将行从一个工作表复制到另一个工作表
- 复制并粘贴Microsoft Javascript示例以检查单元格中的值,但无法正常工作
- zClip don't工作-多次复制到剪贴板JS
- yeoman生成器:复制或模板dos'不能在异步回调内部工作
- jQuery上传插件不;当我复制到本地机器时无法工作
- google驱动器api-copyfile仅在具有访问驱动器中所有文件的权限的情况下工作(但jst需要复制)
- 复制文本到剪贴板不工作
- 使剪贴板复制粘贴在iphone设备上工作