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>

JS文件未加载

1 个答案: