Question

我在页面中有多个标签，每个标签都有不同的ID，这些标签是在运行时创建的，所以

<div class="span5" id="@model.Id">

        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" onclick="$('#@model.Id #review').focus();">Review</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv1">Web</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv2">Photos</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv3">Location</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv4">Map</a></li>
        </ul>
<div class="tabbable">
            <div class="tab-content">

                <div class="tab-pane active" id="awesomediv1">
                   .....
                </div>
...

目前，当我更改任何标签中的标签时，只有第一个标签更改。我希望锚标签导航到外部div的相应div。例如在jquery中，像$('#1 awesomediv1')这样的东西给了我想要导航的正确div。但这似乎与href无关。

该模型来自asp.net mvc。

Answer 1

我使用以下

解决了它

function activateCorrectDiv(parent, e) {
        $('.tab-pane').removeClass('active');
        $('#' + parent+ ' #' + e).addClass('active');
    };

<a  data-toggle="tab" onclick="activateCorrectDiv(($(this).closest('div').attr('id')),'awesomediv1')">

这个想法是确定哪个div需要活跃。然后让它激活，在此之前确保其他一切都不活跃。 active是css类顺便说一句。选择器是$（#parentid #childid），注意它们之间的空格。

这可能只是一个黑客但它有效!!

使用带有多个标签的href导航到更正div？

1 个答案: