将js函数添加到URL

时间:2014-03-31 18:43:12

标签: jquery show-hide url-parameters

我正在阅读更多/更少的jquery插件。其中一个设置(startOpen:true)允许在打开页面时默认展开内容:

<script>
    $('#blog-post-2').readmore({
      maxHeight: 212,
      startOpen: true
    });
    $('#blog-post-1').readmore({
      maxHeight: 212
    });
</script>

我想要做的是将startOpen:true函数放入此页面的URL中,如下所示:mywebsite.com/mypage.html&startOpen:true

原因是我想控制哪些用户看到它是否已扩展。

我不完全确定如何实现这一目标。

有人有答案吗?

2 个答案:

答案 0 :(得分:1)

如果您致电mypage.html#blog-post-1,可以尝试以下方式:

// Your settings here
$( '#blog-post-1, #blog-post-2' ).readmore({
    maxHeight: 212
});

// Get the active hash
var hash = window.location.hash;

// Set the active element depending on the hash call
$( hash ).readmore({
    startOpen:true
});

答案 1 :(得分:0)

获取此jquery url解析插件:https://github.com/allmarkedup/purl

然后,如果您的网址是mywebsite.com/mypage.html&startOpen:true

您将其添加到您的代码

var startOpenSetting = $.url().param('startOpen');

$(document).ready(function(){

startOpen: startOpenSetting;

)};