Javascript 。单击(函数()在使用xampp的firefox上不起作用

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'>

我正在尝试使.click()工作,以便它显示一个div,其中包含表单的其他方面。出于某种原因,.click()没有显示表单的其余部分。id和URL的所有拼写都是正确的,javascript作为一个整体也没有损坏

下面是一些代码:

相关html:

<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>