2

我正在使用 AngularUI 选项卡，如下面的示例代码和此plunker 所示。

http://plnkr.co/edit/YlbrObH4sBlyUFZO2tZh?p=preview

    <tabset class="tabbable tabbable-custom tabbable-full-width">
    <tab class="active" heading="Latest Customers" href="javascript:;">
        <div class="tab-pane active" id="Div1">
            Pane 1
        </div>
    </tab>
    <tab heading="Feeds" href="javascript:;">
        <div class="tab-pane" id="Div2" href="javascript:;">
            <div class="tab-pane active" id="Div3">
               Pane 2
            </div>
        </div>
    </tab>
</tabset>

正如您在plunker中看到的那样，当鼠标悬停在“选项卡”上时，光标不会变为您典型的指向手指。angularui 正在渲染的锚标记上没有 href 值，因此，它被认为是无效的 html。如果我手动添加 href="javascript:;" ，光标像我想要的那样工作。

我的问题是，我如何告诉指令将 href 添加到锚标记？有什么建议吗？

谢谢，丹

4

3 回答 3

4

您可以添加针对选项卡的样式：

.nav-tabs > li > a {
    cursor: pointer;
}
于 2013-10-23T15:02:18.883 回答
2

写吧：

<tabset 
       class="tabbable tabbable-custom tabbable-full-width"
       style="cursor: pointer;"
 >
 ....
于 2013-10-23T15:31:24.180 回答
0

嗯，这很奇怪，我也在我的项目中使用 angular-ui 选项卡。我复制并粘贴了您提供的确切代码，它工作得很好。

（请参阅http://wiredbeast.com/coolframework/docs.html#/activity的底部）我可能会稍后将其删除，因此请快速查看。

所以我的猜测是你的引导 css 有问题。我正在使用 ui-bootstrap-tpls-0.6.0.min.js、bootstrap.js/css v3.0.0 和https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular。 min.js用于角度

于 2013-10-23T15:55:24.400 回答