Получить индекс привязки / хэша

Question

Я убиваю себя здесь.

Когда я набираю index.html # about (или добавляю в избранное и открываю), я хочу получить index () этого и вставить внижеприведенный скрипт как "slideNumber".

Разметка

<div id="slideshow">
    <div id="frontpage">
    <div id="About">
    <div id="Contact">
</div>

jQuery

$(window).bind('hashchange', function () { //detect hash change
    var hash = window.location.hash.slice(1); //hash to string (= "myanchor")
    $('.slideshow').cycle(slideNumber); //Slideshow-number
});

"# about" будет 2, а "#contact" будет 3 и так

Как мне это сделать?

Answer 1

Что-то простое должно работать при загрузке страницы:

if(window.location.hash != undefined) {
  var slideNumber = $(window.location.hash).index() + 1;
}

Если вы перемещаетесь по странице, вы можете выполнить привязку и выполнить вызов index () внутри, чтобы при изменении хеша он обновлялся:

$(window).bind('hashchange', function () { //detect hash change
    var slideNumber = $(window.location.hash).index(); //slideNumber
    $('.slideshow').cycle(slideNumber); //Slideshow-number
});

Answer 2

Попробуй

var slideNumber = $("div#" + window.location.hash.slice(1)).prevAll().length

Answer 3

slides = {frontpage: 1, about: 2, contact: 3};
$('.slideshow').cycle(slides[hash]);

Чтобы сделать его динамичным, вы можете использовать что-то вроде этого, я думаю:

$('#slideshow>div').each(function(i) {
  if(this.id == hash) {
    $('.slideshow').cycle(i);
  }
}

или

$('.slideshow').cycle($('#slideshow>div').index(hash) + 1);