jQuery: запретить добавление (дважды нажмите кнопку)

Question

У меня есть страница, которая используется как вкладка с асинхронной загрузкой и как диалог. Она имеет кнопку на нем, которые я дал событие:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).on('click', '#my-id-name', function() { 
     // do stuff; 
     }); 
    }); 
</script> 

Проблема заключается в том, что содержание этой вкладки/диалог получает обновляется несколько раз, а это значит, что выше скрипт запускается снова, и события дублируются , В результате при нажатии элемента событие вызывается несколько раз.

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

PS: Я работаю в MVC 3.

Answer 1

$(document).off('click', '#my-id-name')