javascript - jQuery: sharing function between page code and document.ready code -

javascript - jQuery: sharing function between page code and document.ready code -

i have nice dialogues defined such in jquery:

<script type="text/javascript"> $(document).ready(function() { $( "#somedialog" ).dialog({ autoopen: false, model: true, buttons: { "do something": function() { var cleaninput = sanitizeinput(input); // clean input }, cancel: function() { $( ).dialog( "close" ); } }, close: function() { } }); function sanitizeinput(input) { // magic here homecoming input; } }); </script>

somewhere in page, unrelated dialog, have element calls function parameter:

<a href="#" onclick="dosomething('wendy');">wendy's stats</a>

and associated javascript:

<script type="text/javascript"> function dosomething(input) { var cleaninput = sanitizeinput(input); // code here } </script>

i reuse sanitizeinput() function function well. however, outside document.ready function, dialog not work. putting dosomething() function within document.ready function breaks likewise. set sanitizeinput() function such both can utilize it?

thanks.

you need move function outside ready() callback.

$(document).ready(function() { $( "#somedialog" ).dialog({ autoopen: false, model: true, buttons: { "do something": function() { var cleaninput = sanitizeinput(input); // clean input }, cancel: function() { $( ).dialog( "close" ); } }, close: function() { } }); }); /*** create global ***/ function sanitizeinput(input) { // magic here homecoming input; }

now sanitizeinput() globally available instead of confined variable scope of ready() callback.

javascript jquery