0
我在使用燈箱div內的ajax窗體時遇到問題。燈箱和內部的ajax窗體
表格在燈箱外工作。
提交表單後,我無法從表單中獲取變量,我看到它是空的。
我使用收藏夾從這裏開始: http://www.aerowebstudio.net/codecanyon/jquery.lightbox/
html的例子「
<html>
<head>
<script type="text/javascript">
function send_ajax_data() {
var reg_user = document.getElementById('reg_user').value;
reg_user2 = document.getElementById('reg_user2').value;
reg_pass = document.getElementById('reg_pass').value;
reg_pass2 = document.getElementById('reg_pass2').value;
reg_email = document.getElementById('reg_email').value;
alert(reg_user);
}
</script>
<script type="text/javascript">
$(document).ready(function(){
$('div.lightbox').lightbox();
});
</script>
</head>
<body>
<div id="signup" style="width:756px; margin-right:auto;margin-left:auto;">
<div class="light-box">
<div class="center">
<div class="welcome">
<h1>Hello</h1>
</div>
<div id="reg_stats"></div>
<div class="login-form">
<div class="form-container">
<label class="label">xxx</label>
<input id="reg_user" type="text" />
<label class="label">xxx</label>
<input id="reg_user2" type="text" />
<label class="label">xxx</label>
<input id="reg_email" type="text" />
<label class="label">xxx</label>
<input id="reg_pass" type="text" />
<label class="label">xxx</label>
<input id="reg_pass2" type="text" />
<input type="submit" onclick="send_ajax_data();" class="login-btn" value="Done" />
</div>
</div>
</div>
</div>
</div>
<a href="#signup" class="lightbox">new user</a>
</body>
</html>
你的類是'light-box',但你的jQuery選擇器正在調用'$('div.lightbox')'這肯定是一個錯字,因爲你永遠不會完全可以看到燈箱。 –
我看到燈箱和它的工作,問題是與燈箱裏面的形式,因爲我從窗體收到空數據! – user1791166