Функция вызова jquery по имени - PullRequest
16 голосов
/ 15 декабря 2009

у меня есть функция

<script type="text/javascript">
    $(function () {
        $("#search").click(function() {
            var text = $("#searchText").val();
            $.getJSON("Search", { world: text, filter: text }, function(data) {
                $("tr.DataRow").toggle(false);
                for (i = 0; i < data.length; i++) {
                    $("#obj" + data[i]).toggle(true);
                }
            });
        })            
    });


</script>

теперь у меня есть другая функция

<script type="text/javascript">

    $(function() {
        $('#searchText').bind('keypress', function(e) {
            if (e.keyCode == 13) {

            }
        });
    });
</script>

как я могу вызвать первую функцию из второй функции?

Ответы [ 4 ]

20 голосов
/ 15 декабря 2009

Извлечение логики из первого обработчика событий в именованную функцию:

function doSearch() {
    var text = $("#searchText").val();
    $.getJSON("Search", { world: text, filter: text }, function(data) {
        $("tr.DataRow").toggle(false);
        for (i = 0; i < data.length; i++) {
            $("#obj" + data[i]).toggle(true);
        }
    });
}

Теперь вы можете передать doSearch по имени в обработчик клика:

    $(function () {
        $("#search").click(doSearch);
    });

и явно вызывать его из обработчика ключа:

    $(function () {
        $('#searchText').bind('keypress', function(e) {
            if (e.keyCode == 13) {
                doSearch();
            }
        });
    });
20 голосов
/ 15 декабря 2009

Вы можете вызвать событие щелчка на элементе, который вы зарегистрировали первой функцией

<script type="text/javascript">

    $(function() {
        $('#searchText').bind('keypress', function(e) {
            if (e.keyCode == 13) {
                $('#search').click(); // Raise a click event on #search element
            }
        });
    });
</script>
12 голосов
/ 15 декабря 2009
// first function
$(function() {
  $.yourFavoriteFunctionName = function() {
    // the code for the first function
  };
  $.yourFavoriteFunctionName();
});

тогда

// second function
$(function() {
  // whatever
  if (foo)
    $.yourFavoriteFunctionName();
1 голос
/ 15 декабря 2009

Вы могли бы дать ему имя? я что-то упустил?

изменить: , чтобы получить это право

<script type="text/javascript">
function() myfunction{
    var text = $("#searchText").val();
    $.getJSON("Search", { world: text, filter: text }, function(data) {
        $("tr.DataRow").toggle(false);
        for (i = 0; i < data.length; i++) {
            $("#obj" + data[i]).toggle(true);
        }
    });
}

$(function(){
    $("#search").click(myfunction);
});
</script>

, а затем

<script type="text/javascript">

$(function() {
    $('#searchText').bind('keypress', function(e) {
        if (e.keyCode == 13) {
            myfunction();
        }
    });
});
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...