2015-10-19 103 views
0

我有一個帶有3個按鈕的工具欄。其中一個有一個下拉菜單。按鈕結束於海誓山盟

的HTML如下:

<div id="primary-section" class="wrapper wrapper-content"> 
     <div class="row" id="create-container"> 
      <div class="col-lg-12"> 
       <div class="ibox float-e-margins animated fadeInRight"> 
        <div class="ibox-title" style="height: 60px;"> 
         <div class="btn-group"> 
          <button onclick="javascript:vm.createContainer()" class="btn btn-primary" id="newcontainer" style="margin-right:16px;"><i class="fa fa-plus"></i> New Container</button> 
         </div> 
         <div class="btn-group"> 
          <button type="button" id="btn-connect" class="btn btn-success" disabled="disabled">Connect</button> 
         </div> 
         <div class="btn-group" id="actions" style="margin-right:16px;"> 
          <button id="btn-actions" data-toggle="dropdown" class="btn btn-info dropdown-toggle" aria-expanded="false" disabled="disabled">Action <span class="caret"></span></button> 
          <ul class="dropdown-menu"> 
           <li><a>Start</a></li> 
           <li><a>Stop</a></li> 
           <li><a>Pause</a></li> 
           <li><a>Resume</a></li> 
           <li><a>Delete</a></li> 
           <li class="divider"></li> 
           <li><a id="inspect">Inspect</a></li> 
           <li><a id="console">Console</a></li> 
           <li><a>Clone</a></li> 
          </ul> 
         </div> 
        </div> 
        <div class="ibox-content"> 
         <div id="loading-grid"> 
          <img src="/public/img/squares.gif" height="130" width="130" title="Loading" alt="Loading"/> 

          <h3>Loading containers...</h3> 
         </div> 
         <div id="grid" class="hidden"></div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

現在因爲某些原因導致了這樣做的HTML如下。 創建按鈕在連接按鈕內部結束。而我不能爲了我的生活而弄清楚到底發生了什麼。它看起來像我關閉了所有的標籤和報價。

解析的HTML:

<div id="primary-section" class="wrapper wrapper-content"> 
    <div class="row" id="create-container"> 
     <div class="col-lg-12"> 
      <div class="ibox float-e-margins animated fadeInRight"> 
       <div class="ibox-title" style="height: 60px;"> 
        <div class="btn-group"> 

        </div> 
        <div class="btn-group"> 
         <button type="button" id="btn-connect" class="btn btn-success" disabled="disabled"><button onclick="javascript:vm.createContainer()" class="btn btn-primary" id="newcontainer" style="margin-right:16px;"><i class="fa fa-plus"></i> New Container</button>Connect</button> 
        </div> 
        <div class="btn-group" id="actions" style="margin-right:16px;"> 
         <button id="btn-actions" data-toggle="dropdown" class="btn btn-info dropdown-toggle" aria-expanded="false" disabled="disabled">Action <span class="caret"></span></button> 
         <ul class="dropdown-menu"> 
          <li><a>Start</a></li> 
          <li><a>Stop</a></li> 
          <li><a>Pause</a></li> 
          <li><a>Resume</a></li> 
          <li><a>Delete</a></li> 
          <li class="divider"></li> 
          <li><a id="inspect">Inspect</a></li> 
          <li><a id="console">Console</a></li> 
          <li><a>Clone</a></li> 
         </ul> 
        </div> 
       </div> 
       <div class="ibox-content"> 
        <div id="loading-grid"> 
         <img src="/public/img/squares.gif" height="130" width="130" title="Loading" alt="Loading"/> 

         <h3>Loading containers...</h3> 
        </div> 
        <div id="grid" class="hidden"></div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

回答

0

好了,所以孩子們,在您下次發佈到SO記得的時候,首先檢查的JavaScript。

我在連接按鈕的元素ID上預先設置了按鈕。

謝謝大家!