Question

我目前正在将我的网站更新为单页设计，并且我使用.load（）函数将博客导入到div中，但是当我点击博客链接时，例如＆＃39; Categories＆＃ 39;和＆＃39;最新帖子＆＃39;它打开一个新页面，我需要它来停止链接触发并将当前div内容替换为链接指向的位置。这是我到目前为止所做的，但它似乎无法奏效。

<script>
    $(document).ready(function(){

    $( "#blog-content" ).load( "/blog/index" );

    $( "#sidebar a" ).click(function(e){
        e.preventDefault();
        var a_href = $(this).attr('href');
        $( "#blog-content" ).load(a_href);

    }); // end click

    }); // end document ready
</script>

＆＃39;＃博客内容＆＃39;是博客页面的空div ＆＃39; #sidebar a＆＃39;是右侧边栏上的链接

网站是www.acnorris.uk（然后点击博客链接）我目前正在使用Nibbleblog来生成博客帖子/类别它位于/ blog子文件夹中。

感谢您提出的任何想法！

亚当

Answer 1

我猜想侧边栏链接是在javascript之后加载的，所以jquery不会在侧边栏链接上监听事件。尝试：

$(document).on('click', '#sidebar a', function(e) {
...what you already have
}

这将正确查找侧边栏链接上的点击次数。

使用JQuery加载元素并将其重新加载到div中

1 个答案: