从根本上说，函数调用出了问题.功能在控制台中确实有效

这是一组坚实、正确的函数语法集，就我而言，我不知道为什么，但函数ServiceHover（）不会运行，除非我在控制台中手动触发它，而它几乎完全相同，每次都能完美运行CategoryHover（。这一定是关于我调用函数的方式，很明显，在javascript中，我从根本上错过了一些函数，因为这种情况经常发生在我身上，我不确定为什么我的函数没有执行。

我对我的代码都进行了很好的注释，所以我不应该解释函数的目的，而且，这更多的是函数的基本执行问题，而不是它们的内部功能。如果在控制台中手动调用，每个函数都可以工作

//this function generates the content of the page based on which category the user selects,
//which services the user selects, and help maneuver through each stage of the feature selection
//so that the QuoteEngine function can display the user's selected hour count, price per hour
// and total cost of the needed service so that the user can see very clearly what services 
//he is getting and where every dollar of his total cost is coming from so that the user can 
//make a well informed purchase decision, and be able to clearly understand the services offered
//and related pricing. 
$(document).ready(function () {
    function BasicDropdown() {
        //hide the drop-downs to begin with
        //hide element with class dropdown-category
        $(".dropdown-category").hide();
        //hide element with class dropdown-service
        $(".dropdown-service").hide();
        //when the category list title is hovered over, show the category drop-down list
        //when element with class category is hovered, do this:
        $(".category").hover(function () {
            //show the list
            $(".dropdown-category").show();
            //when element with class category is no longer hovered, do this:
        }, function () {
            //hide the list
            $(".dropdown-category").hide();
        });
        //when the service list title is hovered over, show the service drop-down list
        //when element with class service is hovered, do this:
        $(".service").hover(function () {
            //show the list
            $(".dropdown-service").show();
            //when element with class service is no longer hovered, do this:
        }, function () {
            //hide the list
            $(".dropdown-service").hide();
        });
    }
    //change the selected service based on an id input
    //create a function to change the selected service
    function ChangeService(id) {
        //clear the service list element
        $(".dropdown-service").empty();
        //make the name inside the service drop-down title show the new title
        $("#ServiceOutput").text(ServiceArray[id][0][1]);
        //loop through the chosen section of the service array for as many times as the 
        //section is in length
        for (var i = 0; i < ServiceArray[id].length; i++) {
            //each loop, append a paragraph element with a data key equal to the current
            //loop count, an id equal to the id of the array area based on the loop count,
            //and also insert the element's text according to that loop count also. 
            $(".dropdown-service").append('<p data-key="' + i + '" id="' + ServiceArray[id][i][0] + '">' + ServiceArray[id][i][1] + "</p>");
        }
        //set the variable "Category" to be equal to the chosen id. 
        Category = id;
    }
    function CategoryHover() {
        //make the category drop-down list open and show its list of services
        //when the user hovers over an element in the category drop-down, do this:
        $(".dropdown-category > p").hover(function () {
            //hide the welcome wrapper
            $(".welcomeWrapper").hide();
            //set the variable "thisKey" based on the value of the data "key" attached 
            thisKey = $(this).data("key");
            //create a variable "outputList" and assign a value to it from "CategoryArray"
            outputList = CategoryArray[thisKey];
            //set the title of the category drop-down lists title to the currently hovered text
            $("#CategoryOutput").text($(this).text());
            //call the ChangeService function and pass the variable "thisKey" into it
            ChangeService(thisKey);
            //show the service drop-down list
            $(".dropdown-service").show();
            //show the ListOutput element (this shows a short description of the hovered element)
            $(".ListOutput").show();
            //append the variable "outputList" as the value of a paragraph element
            $(".ListOutput").append('<p>' + outputList + '</p>');
        }, function () {
            //hide the service drop-down list
            $(".dropdown-service").hide();
            //empty the ListOutput element
            $(".ListOutput").empty();
            //hide the ListOutput element
            $(".ListOutput").hide();
            //show the welcome wrapper again
            $(".welcomeWrapper").show();
        });
    }
    function ServiceHover() {
        //make the service drop-down  list open and show the list of services for the category
        //when the user hovers over an element in the service drop-down, do this:
        $(".dropdown-service > p").hover(function () {
            //hide the welcome wrapper
            $(".welcomeWrapper").hide();
            //set the variable "thisKey" based on the value of the data "key" attached
            thisKey = $(this).data("key");
            //create a variable "outputList" and assign a value to it from "CategoryArray"
            outputList = ServiceArray[Category][thisKey][2][0];
            //show the ListOutput element (this shows a short description of the hovered element)
            $(".ListOutput").show();
            //append the variable "outputList" as the value of a paragraph element
            $(".ListOutput").append('<p class="blue">' + outputList + '</p>');
        }, function () {
            //empty the ListOutput element
            $(".ListOutput").empty();
            //hide the ListOutput element
            $(".ListOutput").hide();
            //show the welcome wrapper again
            $(".welcomeWrapper").show();
        });
    }
    BasicDropdown();
    CategoryHover();
    ServiceHover();
    //initiate
    ChangeService(0);
});

这些电话我做错了什么

JS Fiddle:http://jsfiddle.net/gbJcg/4/

注意：我在问题中提到过，但由于某种原因，更新没有出现，所有数组都应该被假定为已定义。我现在将包括它们以消除混淆，但这将使脚本变得非常长

添加了详细信息：ChangeCategory有效。ChangeService似乎没有。但是，如果我在控制台中复制并粘贴ChangeService，并在控制台中调用它，那么功能就可以完美地工作。这有帮助吗？我不知道我在这里做错了什么