Question

未捕获的 ReferenceError：myFunction 未定义

2013-03-02

94675

javascript

出现错误。我已将代码放在 </body> 之前。仍然出现错误。

<form action="" method="get" id="searchform" >
<input name="q" type="text" id="search" size="32" maxlength="128" class="txt">
<input type="button" id="hit" value="Search" onclick="myFunction();return false" class="btn">   
</form>

JS，

<script type="text/javascript">
    var nexturl = "";
    var lastid = "";
    var param;
    $(document).ready(function () {
        function myFunction() {
            param = $('#search').val();
            alert("I am an alert box!");
            if (param != "") {
                $("#status").show();
                var u = 'https://graph.facebook.com/search/?callback=&limit=100&q=' + param;
                getResults(u);
            }
        }
        $("#more").click(function () {
            $("#status").show();
            $("#more").hide();
            pageTracker._trackPageview('/?q=/more');
            var u = nexturl;
            getResults(u);
        });
    });
</script>

Answer 1

您不能将 myFunction 放在 onclick 之后。当看到 onclick 时，没有 myFunction 的定义。

将 JavaScript 放在 <head> 标记中。此外，将函数移到 ready() 之外。

像这样：

<script type="text/javascript">
var nexturl ="";
var lastid ="";
var param;

function myFunction() {
    param = $('#search').val();
    alert("I am an alert box!");
    if (param != "") {
        $("#status").show();
        var u = 'https://graph.facebook.com/search/?callback=&limit=100&q='+param;
        getResults(u);
        }
}

$(document).ready(function() {

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

    $("#status").show();
    $("#more").hide();  
    pageTracker._trackPageview('/?q=/more');
    var u = nexturl;
    getResults(u);
  });

});
</script>
</head>
<body>
...

Answer 2

直接将 myFunction 保留在脚本标记中

 i.e
   <script>

function myFunction() {
  .....  
}
 </script>

PSR

2013-03-02

Answer 3

摘自 jQuery 文档：

The handler passed to .ready() is guaranteed to be executed after the DOM is ready, so this is usually the best place to attach all other event handlers and run other jQuery code.

因此，您的函数直到 onclick 建立后才会创建。因此它找不到该函数。您需要将其移出 $(document).ready(function(){}) 。