我正在使用colorbox.js弹出窗口中的表单。我想使用ajax提交数据,但它不起作用。
这是我点击以显示弹出式colorbox.js窗口的链接:
<a href="demande-emploi.php" class="ajax cboxElement" title="Demande d'emploi">Demanded'emploi</a>
这里是(demande-emploi.php)文件的内容:
<div style="height:450px; width:580px; padding:30px 10px; margin: 0 auto;">
<div id="message"></div>
<form action="" method="POST">
<div class="clearfix">
<div class="input">
<label class="labels"> Poste à offrir:</label>
<input type="text" id="poste_to_offre">
</div>
</div>
<div class="clearfix">
<div class="input">
<label class="labels"> A propos:</label>
<textarea rows="9" id="apropos" class="textareas"></textarea>
</div>
</div>
<div class="input">
<label class="labels">Ville:</label>
<input type="text" name="ville">
</div>
<div class="clearfix">
<div class="input">
<label class="labels">Tél/GSM:</label>
<input type="text" id="tel">
</div>
</div>
<div class="clearfix">
<div class="input">
<label class="labels"> Adresse:</label>
<textarea rows="3" id="address" class="textareas"></textarea>
</div>
</div>
<br>
<button type="submit" class="wpb_btn-small" id="send">Envoyer</button>
</form>
</div>
&#13;
在这里,我只想测试ID = send的回调是否会响应,但它不起作用。
<script>
$(document).ready(function(){
$("#send").on('click',function(e){
e.preventDefault();
$("#message").html("Blah Blah Blah......");
});
});
</script>