函数rfrsh（）放在外部javascript文件时不起作用

Question

我的函数“rfrsh（）”在html文件中工作但是当我把它放在外部javascript文件上时，它现在正在工作。这是我的代码

/* JavaScript */

$(document).ready(function() {
     
    function rfrsh() {
        $("iframe").each(function() { 
            var src= $(this).attr('src');
            $(this).attr('src',src);  
        });
    }        
});

<!-- HTML -->

<div id="circtraff" class="tab-pane active">
  <ul class="nav nav-pills" id="circtraff_tabs">
    <li><a href="#circtraff_realtime" data-toggle="tab" onClick="rfrsh()"><i class="glyphicon glyphicon-dashboard" aria-hidden="true"></i>&nbsp; Real-time Traffic</a></li>
    <li><a href="#circtraff_last24" data-toggle="tab" onClick="rfrsh()"><i class="glyphicon glyphicon-time" aria-hidden="true"></i>&nbsp; Last 24 Hours</a></li>
  </ul>
</div>

除了刷新功能外，所有其他js函数都在工作。

Answer 1

这是因为您将rfrsh函数作为$(document).ready()函数的本地函数。要使其可用于HTML onClick事件，请在window命名空间中对其进行定义，如下所示：

window.rfrsh = function() { /* ... */ };