Как показать jQuery плагин "Radial Menu" при загрузке страницы

Question

Я не знаком с JavaScript и являюсь новичком в jQuery!

Я нашел RadMenu Подключаюсь из сети и хочу использовать его для отображения моих ссылок в качестве радиального меню: оно естьХорошо, но у меня есть простая проблема с этим.

Я хочу знать, как я могу «загрузить» (лучше сказать «Показать») радиальное меню на событии PageLoad?

Iможет Show или Hide плагин с этим кодом:

<a href="#" onclick='jQuery("#radial_container").radmenu("show")'>Show Menu </a>
<a href="#" onclick='jQuery("#radial_container").radmenu("hide")'>Hide Menu </a>

Таким образом, пользователь должен щелкнуть тег привязки, чтобы просмотреть меню, но я хочу показать его при загрузке страницы.

Как мне справиться с этим?

Вот параметры JQuery и плагина, которые я использовал:

$(function() {
            jQuery("#radial_container").radmenu({
                listClass: 'list',
                itemClass: 'item',
                radius: 100,
                animSpeed: 400,
                centerX: 30,
                centerY: 100,
                selectEvent: "click",
                onSelect: function($selected) {
                    alert("you clicked on .. "
                    + $selected.index());
                },
                angleOffset: Math.PI,
                onShow: function($menuitems) {
                    $menuitems.each(function(i) {
                        var $this = jQuery(this);
                        setTimeout(function() {
                            $this.fadeIn(500);
                        }, i * 100);
                    });
                }
            });
        });

Answer 1

addEventListener('load',
    function(){
        jQuery("#radial_container").radmenu("show");
    },
false);

Если вы также хотите поддерживать IE, используйте это вместо:

addEventListener = window.addEventListener || window.attachEvent;
addEventListener('load',
    function() {
        jQuery("#radial_container").radmenu("show");
    },
false);

Answer 2

, так как вы вызываете инициализацию в document.ready ($ (function () {})), все, что вам нужно сделать после его создания, это вызвать .radmenu ("show")

по существу у вас будет:

$(function() {
    jQuery("#radial_container").radmenu({
            listClass: 'list',
            itemClass: 'item',
            radius: 100,
            animSpeed: 400,
            centerX: 30,
            centerY: 100,
            selectEvent: "click",
            onSelect: function($selected) {
                alert("you clicked on .. "
                + $selected.index());
            },
            angleOffset: Math.PI,
            onShow: function($menuitems) {
                $menuitems.each(function(i) {
                    var $this = jQuery(this);
                    setTimeout(function() {
                        $this.fadeIn(500);
                    }, i * 100);
                });
            }
    })<strong>.radmenu("show")</strong>;
});