Question

我不熟悉JavaScript，我是jQuery的初学者！

我找到RadMenu Pluging from web并希望用它来显示我的链接作为径向菜单：没关系，但我有一个简单的问题。

我想知道如何在PageLoad活动中“加载”（更好地说“显示”）径向菜单？

我可以使用此代码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”） < / p>

基本上你会有：

$(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);
                });
            }
    }).radmenu("show");
});

如何在页面加载时显示“径向菜单”jQuery插件？

2 个答案: