jQuery函数和页面重新加载问题（也许）

Question

I have this code (accepted solution). This code snipped loads from a js file. When I put a breakpoint at this function, I see that this function getting called when the page (that includes it) is loaded.

After the initial page load, when I choose an option in this page, that anchor element is reloaded (Ajax) exactly same (js file does not reload) as part of the piece of data. However, now when I click on anchor link, it does not fire / open the outlook window.

Is it something about jQuery functionality that I am mis reading/using? How do I resolve this?

Answer 1

If the element is reloaded you'll need to rebind the click event to it.

Alternatively to the way you are doing it you could bind to the window/body and just specify the id as the selector like this:

$('body').on('click', '#emailLink', function (event) {
    // your code here...
});