Question

我有一个包含以下结构的html文件：

<div id="timer"></div>

<div id="top">

</div>
<button id="showBottom">Show Bottom</button>

<div id="bottom">

</div>
<button id="next">Next</button>

<script type="text/javascript" src="/js/jquery.plugin.js"></script> 
<script type="text/javascript" src="/js/jquery.countdown.js"></script>
<script type="text/javascript" src="/js/myjavascript.js"></script>

每次单击Next时，Top div都会从AJAX调用中获取新数据，并清除Bottom div。单击Show Bottom时，它也会进行AJAX调用。

我进行了设置，以便在单击Show Bottom时启动计时器。

$('#timer').countdown({
        until: '+2m',
        format: 'MS',
        compact: true
    });

点击Next后，timer将被销毁并重置为0:00。但是，当我到达下一部分并点击Show Bottom时，我收到以下错误Uncaught TypeError: Object [object Object] has no method 'countdown' ...我能让它发挥作用的唯一方法就是如果我包含

<script type="text/javascript" src="/js/jquery.plugin.js"></script>
<script type="text/javascript" src="/js/jquery.countdown.js"></script>

在Top中加载的文件中。基本上每次都重新加载这些文件。

有没有办法我不必继续重新编码这两个文件？

避免在AJAX调用后重新加载Javascript

0 个答案: