如何在頁面加載時顯示「徑向菜單」jQuery插件？

我不熟悉JavaScript，我是jQuery初學者！如何在頁面加載時顯示「徑向菜單」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); 
        }); 
       } 
      }); 
     });

來源

2010-08-14 mahdiahmadirad

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

如果你想支持IE也用這個來代替：

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

來源

2010-08-14 01:36:17

謝謝你，但我應該在哪裏把你的代碼？我將它放在上面的代碼（radMenu初始化）之前，並且出現錯誤（錯誤：對象預期）。如果我在上面的代碼之後使用你的代碼，那麼沒有錯誤，但是你的事件沒有工作，菜單也沒有顯示。 – mahdiahmadirad 2010-08-14 01:54:06

這應該放在你的代碼後面。它對我來說工作得很好。你使用什麼瀏覽器和版本？ – 2010-08-14 02:08:09

我用鉻測試了你的代碼，它沒問題，但它沒有與IE8一起工作。 – mahdiahmadirad 2010-08-14 02:16:47

因爲你調用在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); 
       }); 
      } 
    }).radmenu("show"); 
});

來源

2010-09-06 17:12:05

回答

相關問題