我正在尝试在用户单击链接时打开一个jquery模式对话框.我想然后将外部PHP文件加载到对话框中.我正在使用这个jquery：
$(document).ready(function() {
$('#register').dialog({
title: 'Register for LifeStor',resizable: true,autoOpen:false,modal: true,hide: 'fade',width:350,height:275,});//end dialog
$('#reg_link').click (function() {
open: (function(e) {
$('#register').load ('register.PHP');
});
});
});
这个HTML：
<div id="register"></div>
在.css文件中设置为display：none.
此外,在表单内部,链接被称为：
<td><font size="2">Not registered? <a href="#" name="reg_link">Sign-Up!</a></td>
(我将把表改成div).
我没有遇到任何关于此代码的错误,但是当我点击链接时没有任何反应.我从其他堆栈溢出帖子中获得了上述大部分内容.我错过了什么吗？表格html干扰了吗？
问候…
解决方法
在你的链接中
<a href="#" name="reg_link">Sign-Up!</a>
你有name =“reg_link”,应该是id =“reg_link”,即
<a href="#" id="reg_link">Sign-Up!</a>
所以它可以使用以下代码
$('#reg_link').click(function(e) {
e.preventDefault();
$('#register').load('register.PHP');
});
要使它成为一个可以使用的对话框
$(document).ready(function() {
var dlg=$('#register').dialog({
title: 'Register for LifeStor',height:275
});
$('#reg_link').click(function(e) {
e.preventDefault();
dlg.load('register.PHP',function(){
dlg.dialog('open');
});
});
});
