Javascript 。单击(函数()在使用xampp的firefox上不起作用
我正在尝试使.click()工作,以便它显示一个div,其中包含表单的其他方面。出于某种原因,.click()没有显示表单的其余部分。id和URL的所有拼写都是正确的,javascript作为一个整体也没有损坏 下面是一些代码: 相关html:Javascript 。单击(函数()在使用xampp的firefox上不起作用,javascript,jquery,html,xampp,Javascript,Jquery,Html,Xampp,我正在尝试使.click()工作,以便它显示一个div,其中包含表单的其他方面。出于某种原因,.click()没有显示表单的其余部分。id和URL的所有拼写都是正确的,javascript作为一个整体也没有损坏 下面是一些代码: 相关html: <FORM STYLE="display:inline;" id='1' FORM METHOD ="POST" ACTION="Quote Script.php"><br> <div id='inputtext'>
<FORM STYLE="display:inline;" id='1' FORM METHOD ="POST" ACTION="Quote Script.php"><br>
<div id='inputtext'>
Customer: <input style='width: 150px;' type='text' id= '4' name='q' value=<?php echo $q;?>><br>
</div>
<div id='inputtext'>
Date Revieved: <input type='text' id= '2' name='o' value=<?php echo $o;?>><br>
</div>
<div id='inputtext'>
Promised Date: <input id= '3' name = 'p' type='text' value=<?php echo $p;?>>
</div>
</div>
<div style="margin-left: 45%;">
<input type='Button' id='Scans1' class="btn" value="Save">
</div>
</div>
<div id='form1'>
客户:>
承诺日期:任何指定了src属性的脚本标记都将忽略其内容。顺便说一句,您应该等待DOM就绪,或者将第二个脚本标记放在结束正文的标记之前:
$(函数(){//为了工作,您必须将JavaScript代码放入新的
块中。另外:避免在元素id中使用数字。仅供参考,这与xampp
无关。这只是jquery代码中的错误。好的,谢谢大家,但由于某些原因,它仍然无法工作。我已将所有内容放在正确的位置,并添加了新的标记,但是当我单击按钮时,它仍然不会显示表单的其余部分。单击事件是否已触发?使用alert()检查事件是否未触发。好的,检查控制台是否有错误。提供一个JSFIDLE来重现您的问题,您确实做了一些错误。im使用的引导程序是否会导致javascript中的错误?
<script type="text/javascript" src='jquery-1.10.2.js'>
$("#form1").hide();
$("#Scans1").click(function()
{
var Customer = $("#4").val();
var Dr= $("#2").val();
var Pd = $("#3").val();
$("#form1").show();
$.ajax({
type: "POST",
url: "mysql_quote1.php",
data: {Customer: Customer, Dr: Dr, Pd: Pd}
}).done(function(msg){
alert("Data Saved:" +msg);
});
});
</script>
<script type="text/javascript" src='jquery-1.10.2.js'></script>
<script type="text/javascript">
$(function () { //<= this is document ready handler
$("#form1").hide();
$("#Scans1").click(function () {
var Customer = $("#4").val();
var Dr = $("#2").val();
var Pd = $("#3").val();
$("#form1").show();
$.ajax({
type: "POST",
url: "mysql_quote1.php",
data: {
Customer: Customer,
Dr: Dr,
Pd: Pd
}
}).done(function (msg) {
alert("Data Saved:" + msg);
});
});
});
</script>