如何在jquery.localscroll中选择当前单击的锚元素?

时间:2010-02-22 10:38:30

标签: javascript jquery jquery-plugins

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

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?
        }
    }
});

如果您只是警告()锚文本或href,我将会继续...

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

1 个答案:

答案 0 :(得分:1)

您应该只能向a元素添加另一个click()事件。是否有理由需要在localScroll()

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

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

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