javascript - 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 标记。

这个:

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

应该是这样的:

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

甚至是这样，因为 JavaScript 是默认类型:

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