Javascript 使用qtip插件将按钮插入工具提示';行不通
我在下面编写了用于html链接的qtip插件代码:Javascript 使用qtip插件将按钮插入工具提示';行不通,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在下面编写了用于html链接的qtip插件代码: $(document).ready(function() { $('#login').qtip({ content: '<table><tr><td>Username</td><td><INPUT type="text" value="" name="username" title="Enter Username" class=
$(document).ready(function() {
$('#login').qtip({
content: '<table><tr><td>Username</td><td><INPUT type="text" value="" name="username" title="Enter Username" class="txtbx"/></td>' +
'<td>Password</td><td><INPUT type="password" value="" name="password" title="Enter password" class="txtbx"/></td>' +
'<td><button id="loginbtn" type="submit" >login</button></td></tr></table>',
show: { when: { event: 'click' },
effect: { type: 'fade', length: 200 }
},
hide: { when: { event: 'unfocus' },
effect: { type: 'fade', length: 430 }
},
position: {
adjust: { resize: true
},
corner: {
target: 'bottomLeft',
tooltip: 'topLeft'
}
},
style: {
name: 'dark',
width: { max: 700 }
}
});
});
$(文档).ready(函数(){
$('#login').qtip({
内容:“用户名”+
“密码”+
“登录”,
显示:{当:{事件:'单击'},
效果:{type:'fade',长度:200}
},
隐藏:{when:{event:'unfocus'},
效果:{type:'fade',长度:430}
},
职位:{
调整:{调整大小:真
},
角落:{
目标:“左下角”,
工具提示:“左上角”
}
},
风格:{
名字:'黑暗',
宽度:{max:700}
}
});
});
但是提交按钮不起作用!!!!???有人帮忙吗 是否将登录名
替换为
<input name="loginbtn" id="loginbtn" type="submit" value="login" />
工作
另外,我没有看到任何地方有一个包含所有表单输入的action或method属性。因此,我认为当您提交表单时,浏览器不知道该做什么。如何定义“工作”?是否要提交ajax请求?当用户单击按钮时是否有运行的事件?应该提交表单吗?是的,关于表单元素你是对的!!那么你有什么建议呢?正如链接所说,这取决于你的目标是什么。action属性获取要运行的服务器端脚本的地址。method属性记录发出的请求类型。我会阅读表单元素和服务器端脚本。事实上,我正在着手设计,还没有编写服务器端代码,但查看此链接以获取完整的代码。我认为如果我将登录控件放入div并按照我的意愿隐藏/显示它会更好,使用工具提示会更好吗?