Smarty

[klintistwood]

Hello,

While playing with Smarty and JS, I bumped into a problem. A JS function declared in my main page is not available in my tpl files when I load them.

So more details...

Main file
<script>
$(document).ready(
function ButtonManager()
{
$( "button" ).click(function()
{ alert ('clicked'); }
});
</script>
<button>TEST</button>

in this case, when I click on the button, I get the alert as expected.

If I now add a div:
<div id="output"></div>
Then I use Ajax to get content from the server, I send back a tpl file with the same button in it. Everything is then stored in the previously created div. When I click on this button, nothing happens as if the function was not known by the tpl file. I can imagine that the tpl file alone doesn't know the function but how could I use a function declared in the main document ?

Thanks
Laurent

[epnb]

Hello Klintistwood,

This behaviour is perfectly expected. The document ready method register the "click" method only at first load of the page before any ajax call.

You need to invoke the "live" method. Take a look at :
http://stackoverflow.com/questions/10394354/applying-jquery-click-to-ajax-generated-html