JS文件未加载

Question

我在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;
    }
}

Answer 1

您的type属性中有一个拼写错误,这可能是脚本未加载的原因.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>