0

我正在使用脚本在我的博客 ( 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>

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

4

1 回答 1

1

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

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

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

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

像这样的东西：

function randomlink(){
$.Ajaxify.loadURL(randomlinks[Math.floor(Math.random()*randomlinks.length)]);
}
于 2013-03-23T01:48:40.537 回答