Jquery загружает ссылку вместо возврата false

Question

Вот код jquery:

   $('.edit-function').click( function() {
       $.getJSON( $(this).attr('href'), function(data) {
               $('input[name=add-name]').val(data.name);
             });
       return false;
       });
   });

Проблема в том, что каждый раз, когда я запускаю эту программу, вместо обновления значения формы на текущей странице, она переходит по URL-адресу от attr. Что я делаю не так?

Answer 1

У вас есть дополнительный }); в опубликованном коде, он должен быть следующим:

$('.edit-function').click( function() {
   $.getJSON( $(this).attr('href'), function(data) {
      $('input[name=add-name]').val(data.name);
   });
   return false;
});

Кроме того, убедитесь, что вы подключаете обработчик click, как только элемент находится на странице (и event.preventDefault() - лучший вариант, когда вы хотите просто запретить навигацию), например:

$(function() {
  $('.edit-function').click(function(e) {
    $.getJSON($(this).attr('href'), function(data) {
      $('input[name=add-name]').val(data.name);
    });
    e.preventDefault();
  });
});