$(".submit2").click(function () { layer.msg("提交成功",{time: 1500, icon: 1},); })为什么只显示了一次,
时间: 2023-12-03 21:47:03 浏览: 22
可能是因为你只绑定了一次点击事件。如果你想要多次触发该事件,可以尝试使用以下两种方法:
1. 使用.on()方法来绑定事件:
```javascript
$(document).on('click', '.submit2', function() {
layer.msg("提交成功",{time: 1500, icon: 1});
});
```
这样就可以在每次点击.submit2元素时触发事件。
2. 在提交成功后重新绑定事件:
```javascript
function submitHandler() {
layer.msg("提交成功",{time: 1500, icon: 1}, function() {
$('.submit2').off('click').on('click', submitHandler);
// 重新绑定点击事件
});
}
$('.submit2').on('click', submitHandler);
```
这样每次点击.submit2元素时都会触发submitHandler函数,在函数中重新绑定点击事件。
相关问题
$(function(){ //登录 $("input[type=submit]").click(function(){ $.ajax({ url: "./managerLogin", type: "post", data: $("form").serialize(), dataType: "json", success: function( data ){ if(data.code == 0){ layer.msg("登录成功", { icon: 6, time: 1000 }, function(){ location.href = data.url; }) }else{ layer.open({ title: "登录失败", content: data.msg, icon: 5, anim: 6 }) } } }) return false; }) })
这段代码是用jQuery实现的一个登录功能,当用户点击提交按钮时,会通过Ajax发送post请求,请求地址为"./managerLogin",发送的数据是表单的序列化数据。服务器返回的数据是json格式的,如果返回数据中的code为0表示登录成功,弹出一个提示框,1表示登录失败,弹出一个带有错误信息的弹窗。如果登录成功,会在1秒后跳转到指定的url。
在layer.open中的确定按钮提交layer.open中显示表单,要求使用$.ajax
可以使用以下代码来提交表单数据:
```javascript
layer.open({
title: '表单',
content: '<form id="myForm"><input type="text" name="username"><button type="submit">提交</button></form>',
yes: function(index, layero){
// 表单提交
$.ajax({
url: 'url',
type: 'POST',
data: $('#myForm').serialize(),
success: function(data){
// 成功处理逻辑
},
error: function(){
// 失败处理逻辑
}
});
}
});
```
在确定按钮的回调函数中,使用`$.ajax`来提交表单数据。`$('#myForm').serialize()`可以将表单数据序列化成字符串,方便提交。在`success`和`error`回调函数中,可以处理提交后的成功和失败逻辑。