上周小任务笔记 —> 在input 提交按钮,提交之前做下校验,所以需要动态获取页面的提交按钮。本来使用简单的写法获取不到,嵌套的input提交按钮,使用onclick动态绑定就解决啦!
简单的click绑定事件:
$('.submitBar>input).click(function () {
//点击提交按钮 弹出校验码弹框
// $('.container').show();
//校验码操作
$('#captcha').sliderCaptcha(
{
repeatIcon: 'fa fa-redo',
setSrc: function () {
return ''; },
onSuccess:function (){
//隐藏弹框
$('.container').hide();
this.sliderCaptcha('reset');
//提交表单
$(form).ajaxSubmit(option);
}
});
})
升级版的动态绑定事件on.click:
$(document).on('click','.submitBar>input',function () {
//点击提交按钮 弹出校验码弹框
$('.container').show();
//校验码操作
$('#captcha').sliderCaptcha
{
Repeat: "four-redo,"
SetSrc: function () {
"Return"; },
onSuccess:function (){
//隐藏弹框
$('.container'). hide();
this.sliderCaptcha ('reset');
//提交表单
$(form).ajaxSubmit(option);
}
});
}
jQuery基础语法:
多个选择器绑定一个事件:(简单绑定事件click)
$("#satrt,#end").click(,function(){
alert("The paragraph was clicked.");
});
多个选择器绑定同一个事件:(动态绑定事件on.click)
$(document).on("click","#start,#end",function(){
alert("The paragraph was clicked.");
});
多个事件绑定同一个函数:
$("p").on("mouseover mouseout",function(){
alert("The paragraph was clicked.");
})