我目前正在使用 jquery.address 插件来实现深度链接。
例如,我要加载test1.html。我单击该链接,它显示在地址栏上/#/test1。 我只想显示/test1 而不显示主题标签。我使用 PHP 以防用户重新加载页面。
这是我的代码:
JS-
<script type="text/javascript">
/*<![CDATA[*/
$("document").ready(function(){
function loadURL(url) {
console.log("loadURL: " + url);
$("#area").load(url);
}
// Event handlers
$.address.init(function(event) {
console.log("init: " + $('[rel=address:' + event.value + ']').attr('href'));
}).change(function(event) {
$("#area").load($('[rel=address:' + event.value + ']').attr('href'));
console.log("change");
})
$('a').click(function(){
loadURL($(this).attr('href').replace('', /^#/));
});
});
/*]]>*/
</script>
HTML -
<a href="test1.html" rel="address:/test1">Test 1</a> <br />
<a href="test2.html" rel="address:/test2">Test 2</a> <br /> <br /> <br />
Load Area: <br />
<div id="area"></div>
预先感谢您的帮助!
最佳答案
loadURL($(this).attr('href').replace(/^#/, ''));
编辑:请注意,^
表示 "beginning of string"在正则表达式中。这意味着它不会匹配字符串 "/#/test1"
中的任何内容。如果你想删除 /#/
你应该使用这个:
'/#/test1'.replace(/\/#\//, '');
关于javascript - JQuery.address - 从 url 中删除 #,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10517124/