Twitter bootstrap modal отправляет двойной запрос ajax

Question

Я работаю над проектом rails как разработчиком front-end, и мы используем twitter bootstrap .. Так что у меня есть некоторый поиск модальный, и когда вы вводите что-то, а хиты входят, тогда вызывается ajax и там являются результаты, показанные ниже поле поиска ..

$('#search_term').live("keyup", function(event) { 
if (event.keyCode == '13') { 
doSearch(this); 
} 
}); 

и когда вы нажмете ввести есть 2 Ajax звонки ..

Я установил это, вызывая кубик() перед живой и теперь он посылает только один запрос, как это должно быть ... Но я не понимаю, в чем была проблема ?!

$('#search_term').die("keyup").live("keyup", function(event) { 
if (event.keyCode == '13') { 
doSearch(this); 
} 
}); 

Может ли кто-нибудь объяснить, почему это происходит ?!

Answer 1

Если с помощью die() вы исправите проблему, вероятно, вы вызываете живой метод более одного раза.

$('#search_term').on("keyup", function(event) { 
    if (event.keyCode == '13') { 
    console.log("ENTER!") 
    } 
}); 

$('#search_term').on("keyup", function(event) { 
    if (event.keyCode == '13') { 
    console.log("ENTER!") 
    } 
}); 

(Refactored код, потому что .live это устаревшее)

Попробуйте fiddle и откройте консоль разработчика. Если вы нажмете enter внутри входа, он будет вызывать console.log() несколько раз.
В этом примере вы добавляете новые функции в событие keyup, и результат заключается в том, что при срабатывании клавиатуры все функции будут запущены.
Вместо .die (теперь это .off) удаляет предыдущие добавленные функции. Смотрите пример:

$('#search_term').off("keyup").on("keyup", function(event) { 
    if (event.keyCode == '13') { 
    console.log("ENTER!") 
    } 
}); 

$('#search_term').off("keyup").on("keyup", function(event) { 
    if (event.keyCode == '13') { 
    console.log("ENTER!") 
    } 
}); 

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