JavaScript 错误 : object not defined

Question

我试图重用我在另一个页面上工作的一些脚本，但在这个页面上一直遇到错误。

我有一个名为 CalendarPopup.js 的 .js 文件。它像这样链接到我的 HTML:

<script type="text/javascript" src="/administrator/components/com_arrcard/js/CalendarPopup.js"></script>

它是一个 JavaScript 库，显示一个弹出日历，用户可以在单击链接时选择日期。然后将该值放入一个字段中。以下是显示字段和链接的代码:

<tr id="birthDate">
<td align="left" valign="top">
    <script type="text/javascript">
    var calStart = new CalendarPopup("calendar");
    calStart.showNavigationDropdowns();
    </script>
    Birth Date:
</td>

  <td>
    <input style="width:124px;" type="text" name="birthdate" value="" />
    <a href="#" onclick="calStart.select(document.instantForm.birthdate,'anchorBirthdate','MM/dd/yyyy'); return false;" id="anchorBirthdate">select</a>
  </td>
</tr>

然后有一个实际保存日历的 div:

<div id="calendar" style="position:absolute;visibility:hidden; background-color:white; layer-background-color:white;"></div>

所有这些都在一个页面上完美运行，但在这个新页面上，我收到错误

CalendarPopup is not defined

在这一行:

var calStart = new CalendarPopup("calendar");

我错过了什么？我确信这确实是显而易见的事情，但我已经盯着它看了太久了，只是看不到它。

Answer 1

确保定义 CalendarPopup 类的脚本位于任何其他 javascript 引用它之前执行的位置。