JQuery. Нажмите функцию не отвечает

Question

Новое в использовании функции щелчка. Сначала я включил его в функцию, вызванную событием onClick.

function clickroute(lati,long) {
      map.panTo(new google.maps.LatLng(lati, long));
      map.setZoom(14);
$('#outdirections a').click(function() {
          $('#outdirections a').removeClass('directionsselect');$(this).addClass('directionsselect');
      });
  }

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

$('#outdirections a').click(function() {
              $('#outdirections a').removeClass('directionsselect');$(this).addClass('directionsselect');
          });

Но это ничего не значит. Как правильно запустить функцию щелчка.

Есть идеи?

Marvelous

Answer 1

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

$("#outdirections a").live("click", function () {
              $('#outdirections a').removeClass('directionsselect');
      $(this).addClass('directionsselect');
      })

            });

Answer 2

Прослушиватель событий должен быть добавлен после завершения загрузки:

в jQuery это проще всего сделать:

$(function() {
  $('#outdirections a').click(function() {
              $('#outdirections a').removeClass('directionsselect');$(this).addClass('directionsselect');
          });
});

Где часть $(function() { является краткой формой для $(document).ready(function() { ....

Answer 3

У вас есть синтаксис для привязки, а не для запуска.

Обрабатывайте привязку в document.ready:

$(document).ready(function() {
$('#outdirections a').click(function() {
      $('#outdirections a').removeClass('directionsselect');
      $(this).addClass('directionsselect');
      })
});

Затем при каждом нажатии <a> в #outdirections класс удаляется / добавляется.

Рабочая демонстрация на jsfiddle .

Answer 4

http://api.jquery.com/click/ проверьте эту ссылку для некоторых примеров и для начинающих http://www.w3schools.com/jquery/jquery_events.asp