Fatal编程技术网
  • jquery/
  • Jquery 如何使用角度引导UI填充加载时第一个选项卡的内容

Jquery 如何使用角度引导UI填充加载时第一个选项卡的内容

jquery html css angularjs

Jquery 如何使用角度引导UI填充加载时第一个选项卡的内容,jquery,html,css,angularjs,Jquery,Html,Css,Angularjs,我正在为选项卡使用angular ui引导。对于第一个选项卡帐户，我有ng click=“showcount（）”，我还希望在加载表单时激发相同的函数showcount（）。 该项目位于Asp.net中 html是 <html ng-app="ui.bootstrap.testData"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title> Tabs&l

我正在为选项卡使用angular ui引导。对于第一个选项卡帐户，我有ng click=“showcount（）”，我还希望在加载表单时激发相同的函数showcount（）。 该项目位于Asp.net中

html是

<html ng-app="ui.bootstrap.testData">
<head>
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title> Tabs</title>
   <link href="css/en/bootstrap.css" rel="stylesheet" type="text/css" />  
   <link href="css/en/style.css" rel="stylesheet" type="text/css" />  
   <link href="css/en/ng-grid.css" rel="stylesheet" type="text/css" />
   <link href="css/en/jquery-ui.css" rel="stylesheet" type="text/css" />
   <link href="css/en/easyui.css" rel="stylesheet" type="text/css" />
  <link href="css/en/icon.css" rel="stylesheet" type="text/css" />
   <link href="css/en/demo.css" rel="stylesheet" type="text/css" />


 </head>
 <body>
  <form id="formTabs" runat="server">
  <div>
        <div ng-controller="TabsDataCtrl">
          <hr />
          <tabset align="left">
           <tab heading="Account" ng-click ="ShowAccount()"> Account
                <div id ="divAccount">
                       <table  id="PNRDataGrid" width="100%"></table>
                               <br />
                   </div>
            </tab>
            <tab heading="Policy">Policy content
               <div>
               <table border ="1" style ="background-color :blue">
                 <tr><td> Test</td></tr> 
               </table>

               </div>
            </tab>
            <tab heading="LoB" ng-click ="ShowLob()">LOB content </tab>
            <tab heading="Coverage">Coverage content</tab>
            <tab heading="Detailed Loss">Detailed Loss</tab>
          </tabset>
        </div>

  </div>
 </form>
</body>
</html>

  <script src="js/angular.js" type="text/javascript"></script>
  <script src="js/ui-bootstrap-tpls-0.11.2.js" type ="text/javascript"></script>
  <script src="js/jquery-1.9.1.js" type="text/javascript"></script>
  <script src="js/LossHistory.js" type="text/javascript"></script>
 <script src="js/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
当用户单击Account选项卡时，这可以正常工作，但我希望在加载时启动该函数 比如说： $（窗口）。在（html）aspx页面上加载（函数（）{}。我不知道如何加载。如果我在html页面上添加

$(window).load(function() { showAccount();

}
正如预期的那样，它会出现错误，表示showAccount（）未定义。是否有人可以提供帮助。如果选项卡上有一个事件在加载或其他情况下被激发。谢谢

当我用select=“showcount”替换ng click时，它仍然没有帮助。bootstrap.css的版本是v3.0.3，ui bootstrap tpls是0.11.2.js。我是否遗漏了什么。

您只想用
select
替换
ng click

select="ShowAccount()"
这里有一个

select="ShowAccount()"