Почему функция, объявленная в document.ready (), не определяется при вызове? - PullRequest
Новая
       37

Почему функция, объявленная в document.ready (), не определяется при вызове?

2 голосов
/ 25 мая 2011

Вот мой HTML / JavaScript: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <script type="text/javascript" src="/script/jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            var $str = "hello world";

            function foo() {
                alert($str);
            }
        });
    </script>
</head>
<body>
    <form name="statusUpdateForm" method="post">
        <input type="button" name="submitButton" value=" " onclick="foo();" />
    </form>
</body>
</html>

Когда я нажимаю кнопку, я получаю ошибку JavaScript, в которой говорится, что foo не определен. Как я могу вызвать функцию JavaScript, объявленную внутри document.ready () ??

Ответы [ 5 ]

7 голосов
/ 25 мая 2011

Вы помещаете область действия функции в другую функцию, в основном.

Изобразите это: 

<script>
  document.onload = function(){
    function foo(){
      alert('bar');
    }
  };
  foo();
</script>

Это факсимиле того, что вы пытаетесь достичь. Подобно тому, как переменные, определенные внутри функции, выходят за ее пределы, имена функций приобретают одинаковые характеристики.

Дополнительное примечание JavaScript не требует префикса $ в именах переменных (хотя это приемлемо для имен). Я не знал, пришли ли вы с PHP и просто привыкли или были в курсе.

Думал, что я сделаю свой комментарий ответом.

1 голос
/ 31 января 2013

Переменные и методы, объявленные внутри функции $ (function (), доступны только в этом. Если вам нужно использовать их снаружи, вы делаете это в глобальном пространстве имен, например 

window.functionName = functionName;
1 голос
/ 26 мая 2011

Попробуйте это: 

$(function() {
    window.foo = function () {
        alert('bar');
    }
});

По сути, вам необходимо выставить функцию в глобальном масштабе.

0 голосов
/ 28 мая 2011

То, что я в итоге сделал - то, что я должен был сделать в первую очередь - это добавление обработчика щелчка для кнопки отправки: 

$("input[name='submitButton']").click(function(){...});
0 голосов
/ 25 мая 2011

Нельзя, это приватно для этой области.

...