Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > не совсем понимаю использование функций в событиях

Автор: Illdisposed 10.6.2012, 20:57

Здравствуйте!
Подскажите, пожалуйста, почему вариант:

Код


        $('#firstCategory')
            .change(alert('111'));

не работает, а так все нормально:

Код


        $('#secondCategory')
            .change(function(){alert('222')});

Т.е. почему нужно писать function(){alert('222')}?
Вот полный код:

Код


<!DOCTYPE HTML>

<html>

<head>
  <title></title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function(){
        $('#firstCategory')
            .change(alert('111'));
        $('#secondCategory')
            .change(function(){alert('222')});
        $('#thirdCategory')
            .change(function(){alert('333')});
    });
  </script>
</head>

<body>
    <form action="/FancyLucy/newSeller/item" method="post" >
        <section>
            <select name="firstCategory" id="firstCategory" >
                <option value="">-Choose-</option>
                <option value="1" >AAA</option>
            </select>
            <select name="secondCategory" id="secondCategory" >
                <option value="">-Choose-</option>
                <option value="1" >BBB</option>
            </select>
            <select name="thirdCategory" id="thirdCategory" >
                <option value="">-Choose-</option>
                <option value="1" >CCC</option>
            </select>
        </section>
        <input type="submit" name="addItem" value="Item" id="addItem" />
    </form>
</body>
</html>

Автор: Amphiluke 10.6.2012, 21:20

Потому что метод .change() ожидает получить в качестве аргумента ссылку на callback-функцию. А метод alert, который вы вызываете, возвращает всегда undefined, а не ссылку на функцию.

Автор: Illdisposed 10.6.2012, 21:25

Amphiluke,
Спасибо! Но ведь так тоже не работает:

Код


  <script type="text/javascript">
    $(function(){
        $('#firstCategory')
            .change(x1());
        $('#secondCategory')
            .change(function(){alert('222')});
        $('#thirdCategory')
            .change(function(){alert('333')});
    });
    function x1() {
        alert('111')
    }
  </script>

Автор: Amphiluke 10.6.2012, 21:31

Цитата(Illdisposed @ 11.6.2012, 01:25

)

Но ведь так тоже не работает:

Вот если ф-ция x1 будет возвращать ссылку на функцию, то будет работать. А если она возвращает что-то другое, то и понятно, что не будет.
Вы поймите, что в методы типа .change() нужно передавать ссылку на функцию, а вы сразу ее вызываете, указывая скобки после имени функции.

Добавлено через 59 секунд
То есть будет работать так:

Код


$('#firstCategory')
            .change(x1);

Автор: Illdisposed 10.6.2012, 21:35

Amphiluke, вот это я облажался. Мне стыдно, очень стыдно.... Спасибо Amphiluke! Прошу прощения за такой вопрос.

Автор: Amphiluke 10.6.2012, 21:40

Я разве где-то упрекнул за вопрос? smile