0 
function getData(url) {
    $.getJSON(url, function(result) {
        $('#formNav ul').append('<ul/>')
        $.each(result, function() {
            var list = $('#formNav li'),
            listItem = $('<li/>'),
            html = listItem.append($('<h5/>').text(this.name));
            $.each(this.items, function() {
                listItem.append($('<a />').attr('href', this.id).text(this.name))
            });
            list.append(html)
        });
    });
};




$(function(){


        var Menu = {

                $menu: $('.config-nav #formNav'),
                $trades : $(".config-nav select#tradesmanList"),
                $skills : $(".config-nav select#jobList"),

                init: function(){
                        var $menu = Menu.$menu;

                        // Set menu up
                        $menu.children("li").addClass('closed');
                        $menu.find(".js-reveal").hide();

                        Menu.$skills.attr("disabled", "disabled");
                        Menu.$trades.on("change", function($skills){
                        Menu.$skills.removeAttr("disabled");
                        });

                        // bind to click on the item...
                        $menu.on("click", "h4", this.toggle);


                },

                toggle: function() {
                        //  Toggle the hide show of the drill down menu
                        var $this = $(this),
                                $category = $this.parent();
                    console.log($this.parent().index());

                    var data = getData("test.json");

                    $category.addClass("loading").toggleClass("open");
                    $this.next(".reveal").delay(100).toggle(0, function(){
                        $category.Data;
                        $category.removeClass("loading");


                    });
                }

        };

       Menu.init();
});

私はjsonデータを返す関数を持っています。次に、メニュー関数でこの関数を呼び出してデータを表示しますが、ボタンをクリックするたびにデータが生成され続け、代わりにデータを表示し、もう一度クリックするとデータを隠す？誰かに何かアドバイスがあれば、それは素晴らしいことです。ありがとう。

4

1 に答える 1

0

トグル関数を呼び出すときはいつでも、を使用してデータを取得しているようです

var data = getData("test.json"); and then use it to populate the list..

getDataメソッドをtoggle関数の外に移動し、代わりにinit関数に移動してみませんか..それなら問題ないように見えます..

于 2012-09-25T19:17:36.197 に答える