javascript - 如何在jquery.localscroll中选择当前点击的 anchor 元素？

Question

我想在 jquery 中获取当前点击链接的句柄。假设，我有一堆 li a 元素:

HTML

<ul id="navigation" class="main_menu">
    <li><a href="#panel_home">Home</a></li>
    <li><a href="#panel_story">Story</a></li>
    <li><a href="#panel_mantra">Mantra</a></li>
    <li><a href="#panel_showcase">Showcase</a></li>
    <li><a href="#panel_experience">Experience Us</a></li>
</ul>

jquery

$(document).ready(function() {
    $("#navigation").localScroll({
        hash: false,
        onAfter: function(e, anchor, $target) {
            // some magic code here, to get the anchor element which was clicked
            // how do I use the 'e', 'anchor' and '$target' parameter to get the anchor?
        }
    }
});

如果你可以提醒() anchor 文本或 href，我会在路上......

请注意:出于某种原因，我不想设置 hash: true。

Answer 1

您应该能够向 a 元素添加另一个 click() 事件。是否需要在 localScroll() 中完成它？

$('#navigation a').click(function() {
    alert($(this).attr('href'));
});

或者，如果您不想要单击 a 元素的默认行为，请使用以下内容:

$('#navigation a').click(function(event) {
    event.preventDefault();
    alert($(this).attr('href'));
});