javascript - 滚动到 Activity 选项卡

这个问题是基于我的最后一个问题。

show or make visible active tab

我必须解决一些问题，所以我已经解决了。但我仍然无法使其正常运行。

就像我想向左和向右滚动活动/单击的标签来显示。请看jsfiddle示例。例如：当我单击溢出的标签5时，它应该显示为可见。那么从1到4将会溢出（隐藏），所以现在如果我单击2（单击2），它应该向右滚动并显示为可见。实际上，将有N个list（li）元素。

我只是发现不知道为什么，但是jsfiddle示例在IE上不起作用。

谢谢...

Jsfiddle

$(document).on('click', '.liClicked', function () {
    var idValue = ($(this).attr('id'));
    console.log(idValue);
    var idValues = ($(".element ul li#" + idValue));
    console.log(idValues);

    // $(idValues).css('left','-50px');

    $('.element').animate({
        "left": "-=50px",
    }, "slow")

});

$("#right").click(function () {
    var calcs = ($('ul li#tab1').width());

    $(".element").animate({
        "left": "+=" + calcs,
    }, "slow");
});

$("#left").click(function () {
    $(".element").animate({
        "left": "-=50px"
    }, "slow");
});

最佳答案

尝试这个：

 $(document).on('click', '.liClicked', function() {
    var idValue  = ($(this).attr('id'));
     console.log(idValue);
     var idValues = ($(".element ul li#" + idValue));
     console.log(idValues);

     // $(idValues).css('left','-50px');


     var me = $(this);
     $('.element').animate({
         "left": $('li#' + me.prop('id')).position().left * -1 ,
     }, "slow")

 });

另外，不建议两个元素具有相同的ID