jQuery的週期 - 從創建鏈接尋呼機鏈接裏面的div

我組建了一個導航的網站的頭版，我試圖讓循環使用自定義的尋呼機鏈接從包含一個div內的鏈接。jQuery的週期 - 從創建鏈接尋呼機鏈接裏面的div

這裏是我當前的代碼：

$('#nav-cycle').before('<ul id="nav">').cycle({ 
    fx:  'turnLeft', 
    speed: 'fast', 
    timeout: 9001, 
    pagerEvent: 'click', 
    pauseOnPagerHover: 1, 
    pager: '#frontpage-nav', 
    allowPagerClickBubble: true, 
    pagerAnchorBuilder: function(idx, slide) { 
     return '<li><a href="#">' + slide.title + '</a></li>'; 
    } 
});

我需要它使用HREF從包含在每張幻燈片的DIV作爲尋呼機用鏈路。我發現了一個類似於此的問題，但不需要獲取鏈接。按照要求，所有的PHP剝離

HTML：

<div id="frontpage-nav"></div> 

<div id="nav-cycle"> 
<div class="nav-cycle-item" title="(page title)"> 
<p class="nav-item-description">(page description text)</p> 
<span class="page_link"><a href="(link)">(page title)</a></span> 
</div>

來源

2011-11-01 kkjelgard

您可以發佈您的HTML？ –

在pagerAnchorBuilder功能，「滑」是指當前<div class="nav-cycle-item">。爲了讓每個<a>標籤的href每個div內，只使用一個jQuery選擇找孩子<a>並獲得它的href值：

$('#nav-cycle').before('<ul id="nav">').cycle({ 
    fx:  'turnLeft', 
    speed: 'fast', 
    timeout: 9001, 
    pagerEvent: 'click', 
    pauseOnPagerHover: 1, 
    pager: '#frontpage-nav', 
    allowPagerClickBubble: true, 
    pagerAnchorBuilder: function(idx, slide) { 
     var href = $(slide).children('span').children('a').attr('href'); 
     return '<li><a href="' + href + '">' + slide.title + '</a></li>'; 
    } 
});

順便說一句，我假設你在缺少一個右div您上面的HTML。

來源

2011-11-01 18:25:08

你確定'道具'是否合適？我想你應該使用'attr.' http://api.jquery.com/prop/ – mrtsherman

@mrtsherman：是啊，你說得對。感謝您的支持。 –

這並沒有爲我工作，直到改變pagerEvent到鼠標懸停，但現在轉變都不見了鏈接之間時，我的鼠標。儘管將鼠標從幻燈片移動到鏈接，但我仍然可以看到它們。 – kkjelgard

jQuery的週期 - 從創建鏈接尋呼機鏈接裏面的div

回答

相關問題