JS文件没有被加载

JS File Not Being Loaded

本文关键字:加载 文件 JS      更新时间:2023-09-26

我在HTML文件的末尾调用这个函数——它基本上只是我从网上找到的一个教程中找到的一些花哨的菜单东西。由于某些原因,javascript(包含在下面)从未被调用。我甚至试图添加一个alert()来确认这一点,我从来没有看到警报弹出,所以我知道它没有被调用,但文件确实存在于我的服务器上的那个位置。

任何想法吗?

<script type="text/javasvcript" src="js/filestorage.js" />

filestorage.js

/**
 * On DOMReady initialize page functionality
 */
$(document).ready(function(){
    // Test we load this file
    alert("READY!");
    //Add functionality into the menu buttons
    prepareMenu();
});
/**
 * Prepares the menu buttons for selecting
 * filetypes
 * @return NULL
 */
function prepareMenu()
{
    $("#menu li").click(
        function () {
            $("#menu li").each(
                function(){
                    $(this).removeClass("active");
                }
            );
            $(this).addClass("active");
            HideFiles($(this).children().html());
        return false;
    });
    //Select the first as default
    $("#menu li:first").click();
}

/**
 * Shows only the selected filetypes
 * @param selector
 * @return bool
 */
function HideFiles(selector)
{
    //show all files
    if(selector === "All files")
    {
        $("#files > li").show();
        return true;
    }
    else
    {
        //show only the selected filetype
        $("#files > li").hide();
        $("#files > li." + selector).show();
        return true;
    }
}

您的type属性中有错别字,这可能是脚本未被加载的原因。script元素也必须有一个结束script标签。

:

<script type="text/javasvcript" src="js/filestorage.js" />

应该是这样的:

<script type="text/javascript" src="js/filestorage.js"></script>

甚至这个,因为JavaScript是默认类型:

<script src="js/filestorage.js"></script>