Question

当我在运行history.js时单击链接时，我有一个非常奇怪的问题，即javascript没有被渲染（它只是在正文上方显示为纯文本）。

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function()
    {
        $("#login_btn").click(function(e) 
        {
            e.preventDefault();

            $.ajax({
                url: document.location.origin + "/index.php/login",
                type: 'POST',
                ContentType: 'application/json',
                data: {'username': $("#login-username").val(), 'password': $("#login-password").val()}
            }).done(function(response){
                if(response == "1") {
                    window.History.pushState({urlPath:'/'},"",'/');
                } else { 
                    $("#login-form").find(".uk-alert-danger:first").hide();
                    $("#login-form").prepend("<div class='uk-alert uk-alert-danger'>Invalid credentials specified.</div>");
                }
            });
        });
    });
</script>

<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- jQuery ScrollTo Plugin -->
<script src="//balupton.github.io/jquery-scrollto/lib/jquery-scrollto.js"></script>

<!-- History.js -->
<script src="//browserstate.github.io/history.js/scripts/bundled/html4+html5/jquery.history.js"></script>

<!-- Ajaxify -->
<script src="//rawgithub.com/browserstate/ajaxify/master/ajaxify-html5.js"></script>

历史和所有可行的方式，但事实上其他JS在使用时并未呈现。

Answer 1

真的很奇怪，但如果我通过PHP包含所有javascript，它就会开始工作，所以它们会被置于html标签之上。

History.js导致javascript无法呈现

1 个答案: