点击链接后如何防止重新加载？

Question

我正在使用脚本在我的博客 (https://github.com/swook/jquery-ajaxify-plugin) 上使用 AJAX，因此用户可以在浏览不同页面时通过音乐播放器收听音乐而不会中断。

除了随机按钮外，一切正常。我想对随机按钮进行 AJAX 化。

问题是当我点击链接时，页面会重新加载。

你可以在这里检查问题：http://www.julienlussiez.com/p/test_20.html

这是脚本：

<script>
<!--
/*
Random link button- By JavaScript Kit (http://javascriptkit.com)
Over 300+ free scripts!
This credit MUST stay intact for use
*/

//specify random links below. You can have as many as you want

var randomlinks=new Array()

randomlinks[0]="http://www.julienlussiez.com/2013/01/le-repos-du-fou_21.html"
randomlinks[1]="http://www.julienlussiez.com/2012/11/dissonance-3.html"
randomlinks[2]="http://www.julienlussiez.com/2012/10/renaitre.html"
randomlinks[3]="http://www.julienlussiez.com/2013/01/defaillance.html"
randomlinks[4]="http://www.julienlussiez.com/2012/08/fragile-2012.html"

function randomlink(){
window.location=randomlinks[Math.floor(Math.random()*randomlinks.length)]
}

//-->
</script>
<form>
<p><input type="button" name="B1" value="Aléatoire" onclick="randomlink(); return false;" /></p> </form>

谢谢！如果你有一些线索，那就太好了！

Answer 1

例如，当您使用window.location="http://www.google.com/" 时，它会将当前正在查看的网页更改为 Google 的主页。您需要将内容加载到 iFrame 中或通过 AJAX 来阻止页面重新加载。您还可以考虑为您的音乐提供弹出式播放器，每当您的用户切换页面时，音乐都会继续播放。

根据 Ajaxify 的文档，通过 AJAX 加载页面，你需要调用这个函数：

$.Ajaxify.loadURL('/path/to/page.html');

尝试用您的示例代码中的$.Ajaxify.loadURL('/path/to/page.html'); 替换window.location 代码，看看是否会有所不同。

类似这样的：

function randomlink(){
$.Ajaxify.loadURL(randomlinks[Math.floor(Math.random()*randomlinks.length)]);
}