Строка запроса Colorbox href, добавление динамического идентификатора? - PullRequest
1 голос
/ 06 апреля 2011

Я закодировал colorbox, чтобы я мог открыть первое изображение на странице внутри colorbox, используя url http://example.com? Open = true .Я хотел бы добавить тег, используя идентификатор, прикрепленный к ссылке на цветной ящик, чтобы открыть определенное изображение внутри цветового окна (а не только первое изображение на странице).URL-адрес должен выглядеть следующим образом: http://example.com? Id = 12345? Open = true

Я знаю, что для большинства из вас это, вероятно, кусок пирога, поэтому, пожалуйста, помогите мне, яя пытаюсь учиться.

Это код цвета, который я сейчас использую:

$(document).ready(function(){
    var
    vars = [],
    hash,
    hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
    }
    $("a[rel='example1']").colorbox({open:vars['open'] == 'true' ? true : false});}); 

Я не знаю много jquery, но я уверен, что есть простойспособ добавить идентификатор для автоматического открытия URL?Идентификаторы ссылок даются автоматически через Wordpress, поэтому я не могу вручную ввести каждый идентификатор в jquery.

Вот код для ссылок на изображения:

<a href="/images/exampleimage.jpg" rel="example1" id="<?php the_ID(); ?>">
<img src="images/exampleimagethumbnail.jpg" border="0"></a>

1 Ответ

0 голосов
/ 27 апреля 2011

У вас есть идентификатор в vars ['id'], так почему бы просто не сделать:

 $("a[id="+vars['id']+"]").colorbox({open:vars['open'] == 'true' ? true : false})
...