.click(function() 不适用于带有 xampp 的 firefox

Question

我正在尝试让 .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'>

javascript/jquery：

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

Answer 1

任何指定了属性 src 的脚本标签都会忽略它的内容。顺便说一句，您应该等待 DOM 准备好，或者将第二个脚本标签放在结束正文的标签之前：</body>

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