2010-03-05 27 views
4

似乎我已經超越自己。我一直在創建這個漂亮的小'最新消息'小部件,它會在每個錨點的鼠標懸停上消失。然後我的同事說:「嘿,克里斯,這些鏈接不起作用」JQUERY CYCLE - 我可以添加頁面鏈接到分配給Cycle的尋呼機的錨嗎?

...哎呀。我想知道是否可以讓這些錨點將用戶帶到重新點擊的頁面上。目前Cycle設置爲在鼠標懸停時進行hocus調整。

這是我的循環代碼:

$('#newsSlider .slides ul').cycle({ 
    fx:  'fade', 
    speed: 1000, 
    timeout: 0, 
    pager: '.slides-nav', 
    pagerEvent: 'mouseover', 
    pagerAnchorBuilder: function(idx, slide) { 
     // return sel string for existing anchor 
     return '.slides-nav li:eq(' + (idx) + ') a'; 
    } 

任何幫助將非常appriciated。感謝大家!

基督教

回答

6

我今天將要修復此問題發佈一個新版本,但在此期間,你可以在插件中註釋掉以下兩行:

if (opts.pagerEvent != 'click') 
    $a.click(function(){return false;}); 

邁克

+2

啊,直接從馬嘴!謝謝你,Wizzard的jQuery.Cycle神奇和神祕! – christianDuncan 2010-03-05 13:06:09

0

真棒malsup - 你剛纔治好了我的駝背的一天!

  $.getScript(Cycle, function() { 
      try { 
       $('.imageHolder').cycle({ 
         delay: cDelay, 
         speed: cSpeed, 
         pager: '.swap-thumbnails', 
         pagerEvent: 'mouseover', 
         pauseOnPagerHover: 1, 
         //before: showImageDescription 
         pagerAnchorBuilder: function(idx, slide) { 
          // return sel string for existing anchor 
          return '.swap-thumbnails li:eq(' + (idx) + ') a'; 
         }, 
         allowPagerClickBubble: true, 
         //pagerClick: function() {alert ('hi')}, 
       }); 

      } catch (err) { 
       // Doh! 
      } 
      function showImageDescription() { 
       $('.image-description').hide(); 
       var DescriptionClass = $(this).attr("className"); 
       var showClass = '.frontpage-description .' + DescriptionClass; 
       //$(showClass).show(); 
       $(showClass).fadeIn('slow'); 

      } 
     }); 

上述工作對我來說很好。我在IE8中遇到了一些問題,但我強烈懷疑我不小心關閉了JavaScript或其他東西。

更新:我得到這個在IE8工作很好 - 嘗試pagerAnchorBuilder之前移動allowPagerClickBubble(我不知道爲什麼這個工作,但它確實)