如何公开嵌套函数？

Question

$(document).ready(function(){
    function example(){
        alert('Example');
    };
});
<a href='javascript:example();'/>

我的问题是该链接不会调用该函数。 我相信这是因为example()嵌套在另一个函数中。 如何在不删除$(document).ready()的情况下解决此问题？

Answer 1

$(document).ready(function(){
});
function example(){
   alert('Example');
};
<a href='javascript:example();'/>

Answer 2

<强> demo   试试jquery

$(document).ready(function () {
   function example() {
       alert('Example');
   }

   $("a").on("click", example);

}）;

Answer 3

将函数声明移到document.ready块之外。

即使example()使用DOM，该函数的实际创建也不需要DOM准备就绪。无论如何，从逻辑上讲，当链接是交互式时，该功能必须已经加载。