Jquery 深度链接通过<;部门>;块和属性标题='';,和切换class';选定的';
参考我创建的JSFIDLE演示,我试图为我当前客户的网站添加深度链接功能 我需要以下方面的帮助: 我的简单单击切换类代码:Jquery 深度链接通过<;部门>;块和属性标题='';,和切换class';选定的';,jquery,deep-linking,Jquery,Deep Linking,参考我创建的JSFIDLE演示,我试图为我当前客户的网站添加深度链接功能 我需要以下方面的帮助: 我的简单单击切换类代码: $("div.contentBox").click(function () { var $this = $(this); // don't proceed if already selected var $previousSelected = $('.selected'); if ( !$this.hasClass('selected')
$("div.contentBox").click(function () {
var $this = $(this);
// don't proceed if already selected
var $previousSelected = $('.selected');
if ( !$this.hasClass('selected') ) {
$this.addClass('selected');
}
$previousSelected.removeClass('selected');
});
(1) 将有许多重复的
,每个属性都有不同的值title='
(2) 通过$(“div.contentBox”)触发事件。单击()
从title=''
添加值,将生成类似的内容。注:请提供如何实现这一点的示例编码
(3) 通过
块而不是触发事件的原因,页面加载将足够智能,以获得您是否需要以下内容:
$("div.contentBox").click(function () {
var $this = $(this);
// don't proceed if already selected
var $previousSelected = $('.selected');
if ( !$this.hasClass('selected') ) {
$this.addClass('selected');
}
$previousSelected.removeClass('selected');
if(location.href.indexOf('#') == -1)
location.href += "#" + $(this).prop("title");
else
location.href = location.href.split('#')[0] + "#" + $(this).prop("title");
alert(location.href);
});
第二项要求:
$(document).ready(function() {
if(location.href.indexOf('#') != -1){
var page = location.href.split('#')[1];
$("div[title*=" + page + "]").addClass('selected');
}
});
谢谢,是的,第一部分要求有效,通过location.href
将title='
的值添加到当前url地址。现在剩下的就是返回链接,例如,选择相应的title=''
,例如title='some-link'
,并将class'selected'切换到其父级
非常感谢A.V,将代码编辑为指定的$(“div[title*=“+page+]”)。addClass('selected')代码>代替$(“a[标题*=“+页面+”])。addClass('selected')代码>。你一定救了我的命