Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 深度链接通过<;部门>;块和属性标题='';,和切换class';选定的';_Jquery_Deep Linking - Fatal编程技术网

Jquery 深度链接通过<;部门>;块和属性标题='';,和切换class';选定的';

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')

参考我创建的JSFIDLE演示,我试图为我当前客户的网站添加深度链接功能

我需要以下方面的帮助:

我的简单单击切换类代码:

$("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')。你一定救了我的命