Question

我遇到了从href链接定位div的问题。

我可以使用div来做到这一点。例如，我可以使用这样的代码来定位div。

<div id="nav"> 
<a href="index1.html">home</a> 
<a href="index.php">why</a> 
<a href="search.php">a story</a> 
<a href="testpage.php">a picture</a> 
</div>

它针对此div，这是点击特定链接后显示的位置：

<div id="content">
</div>

..和jquery为此

<script type="text/javascript">
$(function(){
$('#nav'a).click(function(e) { 
$('#content').hide().load( $(this).attr('href') , function(){
$('#content').show()
})
return false
})
})
</script>

但是，我想在不使用div的情况下使用此功能，不幸的是，当我尝试使用id＆＃34; nav＆＃34;时，我很难做到这一点。在一个锚上它不起作用，它似乎加载到另一页但不加载到div。

请参阅下面我想要的代码结果

<div> 
<a id="nav" href="index1.html">home</a> 
<a id="nav" href="index.php">why</a> 
<a id="nav" href="search.php">a story</a> 
<a id="nav" href="testpage.php">a picture</a> 
</div>

我怀疑它与这行代码有关，我在谷歌的某个地方发现＆＃34; a＆＃34;在这个函数中指的是一个div虽然我不太确定

$('#nav a').click(function(e)

提前致谢！

Answer 1

在引号内移动a：

$(function(){
    $('#nav'a).click(function() { 
        $('#content').hide().load( $(this).attr('href') , function({
        $('#content').show()
    });
    return false;
    )});
});

Answer 2

首先，ID应该是唯一的，如果您要应用于某个组，请使用类。所以改成它看起来像这样：

<div> 
    <a class="navlink" href="index1.html">home</a> 
    <a class="navlink" href="index.php">why</a> 
    <a class="navlink" href="search.php">a story</a> 
    <a class="navlink" href="testpage.php">a picture</a> 
</div>

然后只需绑定到课程：a.navlink或.navlink即可：

$('.navlink').click(function(e) { 
    e.preventDefault();
    $('#content').hide();
    $('#content').load($(this).attr('href') , function(){
        $('#content').show();
    });
});

使用锚点jquery定位div

2 个答案: