jQueryUI的splitButton在瀏覽器中不顯示我是一個jQuery noobie

Question

嗨，大家好，剛開始jQueryUI的

問題概述： 我試圖使用jQueryUI的標籤內部有一個jQueryUI的拆分按鈕（這沒有被呈現）。切達乾酪，蘑菇和Bocon被假定爲分割按鈕。 我已經從網站複製標記和jquery，所以我不會犯任何錯誤，但仍然無法正常工作。 火狐快照

代碼：
我創建了一個jsfiddle爲你們這些傢伙，但它不工作，因爲它在我的瀏覽器。
jQuery的

<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" 
    rel="Stylesheet" /> 
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
<script src="Scripts/jquery-ui-1.8.21.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#tabs").tabs(); //Vstudio intellisense shows .tabs() and .buttonset() 
     $('#Toppings').buttonset(); //this means JqueryUi is attached. 
    } 
    ); 

HTML

<div id="MainBox"> 
    <!--MainBox--> 
    <div id="tabs"> 
     <ul> 
      <li><a href="#tabs-1">Step 1: Your Background</a></li> 
      <li><a href="#tabs-2">Step 2: Your Finances</a></li> 
      <li><a href="#tabs-3">Step 3: Your Results</a></li> 
     </ul> 
     <div id="tabs-1"> 
      <div class="subBox"> 
       <div class="smallBox"> 
        fgggghgh</div> 
       <div class="smallBox"> 
        fgggghgh</div> 
       <div class="smallBox"> 
        fgggghgh</div> 
       <div class="smallBox"> 
        fgggghgh</div> 
      </div> 
      <div class="subBox"> 
      </div> 
      <div class="subBox"> 
      </div> 
      <div class="subBox"> 
      </div> 
     </div> 
     <div id="tabs-2"> 
      <div id="Toppings"> 
       <input type="checkbox" id="checkbox1" /> 
       <label for="check1"> 
        Cheddar 
       </label> 
       <input type="checkbox" id="checkbox2" /> 
       <label for="check2"> 
        Mushrooms 
       </label> 
       <input type="checkbox" id="checkbox3" /> 
       <label for="check3"> 
        Bacon 
       </label> 
      </div> 
     </div> 
     <div id="tabs-3"> 
      <p> 
       Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, 
       pede vel vehicula accumsan, mi neque rutrum erat,Really dummy text.</p> 
      <p> 
       Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam 
       ac lacus. Nulla facilisi. Praesent viverra justo vitae neque.Really dummy text twoS.</p> 
     </div> 
    </div> 
</div> 

Answer 1

我認爲它會工作，如果你改變你的標籤，以指向正確的輸入元素。 for =「」屬性必須等於輸入的id。

例如：

<input type="checkbox" id="checkbox1" /> 
<label for="checkbox1">Cheddar</label>