angular-ui选项卡呈现不带标签的锚标签

我正在使用AngularUI选项卡，如以下示例代码中所示，并且在此plunker中。angular-ui选项卡呈现不带标签的锚标签

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看到，当鼠标悬停在“标签”，光标不会更改为典型的指点手指。这个由锐锐渲染的锚点标签没有href值，因此它被认为是无效的html。如果我手动添加href =“javascript :;” ，光标就像我想要的那样工作。

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

感谢，丹

来源

2013-10-23 DapperDanh

您可以添加为目标的标签样式：

.nav-tabs > li > a { 
    cursor: pointer; 
}

来源

2013-10-23 15:02:18

只是写：

<tabset 
     class="tabbable tabbable-custom tabbable-full-width" 
     style="cursor: pointer;" 
> 
....

来源

2013-10-23 15:31:24

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

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

所以我的猜测是你的bootstrap 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-23 15:55:24 NicolasMoise

是的，这很奇怪....感谢您指出了这一点。 – DapperDanh

angular-ui选项卡呈现不带标签的锚标签

回答

相关问题