Jquery将用户定向到特定的锚标签

时间:2010-07-15 14:52:22

标签: javascript jquery html

如果我知道要描述我要找的内容,我相信我可以搜索这个。

我有一个链接,当按下时会使用href =“#anchorTagName”将用户引导到另一个锚标签...但是该链接还有一个onclick函数,该div使div可见包含anchorTagName。因此,用户永远不会被定向到锚标签,因为它们以错误的顺序触发。

那么如何让div首先可见,然后让用户定向到锚标签?

4 个答案:

答案 0 :(得分:1)

希望这是你要做的......

<html>
    <head>
        <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.min.js'></script>
        <script type='text/javascript'>
            $(document).ready(function() {
                $('#theAnchorTheUserClicks').click(function(e) {
                  e.preventDefault();  //prevent the default click action
                  $('#divToShow').show('fast',function() {  //show the div
                    $('#newText').focus();  //set the focus where you want
                  });
                });
            });
        </script>
    </head>
    <body>
        <a id='theAnchorTheUserClicks' href='#newAnchor'>click me</a>
        <div style='display:none' id='divToShow'>
            <a id='newAnchor'>Here I am!</a>
            <input type='text' id='newText'></input>
        </div>
    </body>
</html>

答案 1 :(得分:0)

您可以使用jQuery ScrollTo滚动到刚看到的div。

最有可能的是,您的onclick事件通过重新调整false或使用event.preventDefault()来阻止默认值。删除该代码以允许发生默认事件。

答案 2 :(得分:0)

在页面加载时定义click事件时,从链接中删除href并使用click事件函数中的值更改后的页面 您已完成脚本以显示div

答案 3 :(得分:0)

看看这个页面,也许它会对你有所帮助:) http://blog.rebeccamurphey.com/2007/12/04/anchor-based-url-navigation-with-jquery/