Question

我有以下代码在FireFox中不起作用。适用于Chrome和IE，没有任何错误消息。在FF

中甚至没有触发TEST警报

有什么建议吗？我已经尝试将JS放在页面顶部，但这也不起作用。

<p class="hed" id="postcomment">save comments</p>


    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("p#postcomment").click(function () {
                alert("TEST");
                $.post(
                   "putComment.asp",
                   {
                       zR: "data1",
                       zP: "data2",
                       zN: "",
                       zF1: "data3",
                       zF2: "Provider_Shortname=ALL",
                       zF3: "FinMonth=2014-02-01",
                       zF4: "",
                       zC1: $('#comment1').val(),
                       zC2: $('#comment2').val(),
                       zC3: $('#comment3').val(),
                       zC4: $('#comment4').val()
                   },
                   function (data) {
                       alert("Data Loaded: " + data);
                   }

                );
            });
        });
    </script>

Answer 1

由于id是唯一的，请尝试使用：

$("#postcomment").click(function () {

而不是：

$("p#postcomment").click(function () {

此外，请尝试在此处使用http:或https:协议：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Answer 2

还有其他事情发生，这里是你的HTML和你的jquery在jsFiddle中工作，即使在FireFox中也是如此。该错误超出了您在问题中粘贴的代码

http://jsfiddle.net/DS8N4/

<p class="hed" id="postcomment">save comments</p>

jQuery单击在FF中不起作用

2 个答案: