当我在运行 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 的事实。