Question

所以我主要使用jQuery和AJAX创建了我的网站。

通过点击特定ID加载整个内容，因此我目前不使用经典的“href”。

然而，我想用jQuery创建URL ，当它们被Web浏览器直接调用时，当然也可以通过点击来运行。

您能否根据以下代码给我一些提示？

谢谢！

$(document).ready(function(){

    $("#inhaltsbereich").load("assets/pages/index.php");
AOS.init();

    $("#startseite").click(function(){

        document.title = "Startseite";

        $("#inhaltsbereich").load('assets/pages/index.php');
    AOS.init();
        $(".navbar-collapse").collapse('hide');
        $('html, body').animate({ scrollTop: 0 }, 0);

    });

    $("#sprachen").click(function(){

        document.title = "Die Sprachen des Webs";
        $("#inhaltsbereich").load('assets/pages/sprachen.php');
        AOS.init();
        $(".navbar-collapse").collapse('hide');
        $('html, body').animate({ scrollTop: 0 }, 0);

    });

    $("#portfolio").click(function(){

        document.title = "Portfolio";
        $("#inhaltsbereich").load('assets/pages/portfolio.php');
        AOS.init();
        $(".navbar-collapse").collapse('hide');
        $('html, body').animate({ scrollTop: 0 }, 0);    

    });

    $("#kontakt").click(function(){

        $("#inhaltsbereich").load('assets/pages/kontakt.php');
        AOS.init();
        $(".navbar-collapse").collapse('hide');
        document.title = "Kontakt";
        $('html, body').animate({ scrollTop: 0 }, 0);

    });

});

Answer 1

您可以通过一些jQuery轻松完成此操作：

＆＃13;

$("a").click(function() {
  $(".pjax").load(this.getAttribute("href"));
  return false;
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="https://raw.githubusercontent.com/bahamas10/css-color-names/master/css-color-names.json" class="href">hello there, click me!</a>
<div class="pjax">pjax me here</div>

＆＃13;

此示例从Github获取JSON文件，并将其显示在div中。希望它可以帮到你。

如何使用jQuery和AJAX创建URL？

1 个答案: