簡體   English   中英

jQuery獲取數據屬性並向下滑動其父級

[英]jQuery get data attribute and slidedown it's parent

我有一些鏈接(請參閱下文),其中放置了data-navigation屬性,而我想做的是data-section屬性基於它的data-navigation父slidesDown

HTML

<ul class="main-navbar-right">
    <li><a href="#" data-navigation="home">Home</a></li>
    <li><a href="#" data-navigation="explore">Explore</a></li>
    <li><a href="#" data-navigation="news">News</a></li>
</ul>

<section id="-navbar-home" data-section="home">
    <p>Home content</p>
</section>

<section id="-navbar-explore" data-section="explore">
    <p>Home explore</p>
</section>

<section id="-navbar-explore" data-section="news">
    <p>Home news</p>
</section>

CSS

#-navbar-home,
#-navbar-explore,
#-navbar-news {
    display: none;
}

JavaScript / jQuery(到目前為止,我無法繼續進行)

$(document).ready(function() {
    $('li > a').hover(function() {
        var navigation = $("a").data("navigation");
        var section = $("section").data("section");
        $(section).slideDown();
    });
});

JS小提琴

http://jsfiddle.net/66qz2by8/

嘗試利用屬性等於選擇器[name =“ value”]

var navigation = $(this).data("navigation");
var section = $("section[data-section=" + navigation + "]");
$(section).slideDown();

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM