0

我正在尝试在此处修改此组合脚本：http: //themes.iki-bir.com/webpaint/multipage/full/portfolio.html

它使用类似的网址#entry-12（使用元素的索引号来深层链接项目），我想将其更改为#this-is-an-item

updateURLParameter(thumb.attr("data-event-id"));
//updateURLParameter("entry-"+thumb.index());

它在这里设置名称（效果很好）......现在是whatever.html#this-is-an-item

但是现在我需要更改他们从 URL 链接时的行为（因为它不再工作，因为它仍在寻找索引号而不是名称）。

     var deeplink = getUrlVars("#");

 // DEEPLINK START IF NECESSARY
     if (deeplink[0].split('entry-').length>1) {
        var thmb = parseInt(deeplink[0].split('entry-')[1],0)+1;
         $container.find('.item:nth-child('+thmb+')').click();
         $container.find('.item:nth-child('+thmb+')').addClass("active").children('a').children('div').fadeIn(300);;

    }

我只是不确定如何做最后一部分，所以它寻找数据事件ID而不是索引？

<li class="item installation 2013-10-13" data-event-id="installation-opening-whispering-in-the-leaves"... </li>
4

1 回答 1

0

尝试这个：

var deeplink = getUrlVars("#");
var $elem;
//         v--- this can be changed to .find('.item) if needed.
$container.children('.item').each(function() {
    // you can use .data(...) instead of .attr("data-...") 
    if ($(this).data("event-id") == deeplink[0])
        $elem = $(this);
});
if ($elem) {
   $elem.click()
        .addClass("active")
        .children('a')
        .children('div')
        .fadeIn(300);
}

只需遍历$containerclass 中的所有元素.item，并检查是否data-event-id与 URL 哈希中的元素匹配。如果是，请将其存储起来，然后再进行操作。

于 2013-09-23T09:46:04.057 回答