Частичный вид Флажок не работает внутри Нормальный вид

Question

У меня есть частичный вид, который появляется при нажатии кнопки. Частичный вид отображается нормально, но когда я пытаюсь щелкнуть флажки формы, они не отображаются. Я не уверен, что происходит, но кажется, что событие флажка никогда не срабатывает или что-то в этом роде. Я попытался использовать частичное представление, используя функцию загрузки jquery, но я не могу заставить ее загружать. Поэтому вместо этого я использую вызов AJAX и вставляю данные в div на обычном представлении.

Вот мой частичный вид:

@model EmployeeMaster.Models.EmployeeAsset 

@using (Html.BeginForm()) 
{ 
    @Html.AntiForgeryToken() 

    <div class="btn-group" data-toggle="buttons-radio"> 

     <table class="table table-striped table-bordered table-condensed"> 
      <thead> 
       <tr> 
        <th>Item</th> 
        <th>Yes/No</th> 
        <th>Item</th> 
        <th>Yes/No</th> 
        <th>Item</th> 
        <th>Yes/No</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td> 
         @Html.Label("Cellular Telephone : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.CellPhone) 
        </td> 
        <td> 
         @Html.Label("Mileage Log : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.MileageLog) 
        </td> 
        <td> 
         @Html.Label("Travel Expense Reports : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.TravelExpenseReports) 
        </td> 
       </tr> 
       <tr> 
        <td> 
         @Html.Label("Computer : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.Computer) 
        </td> 
        <td> 
         @Html.Label("Pager : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.Pager) 
        </td> 
        <td> 
         @Html.Label("Uniforms : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.Uniforms) 
        </td> 
       </tr> 
       <tr> 
        <td> 
         @Html.Label("Customer Database : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.CustomerDatabase) 
        </td> 
        <td> 
         @Html.Label("PhoneCard : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.PhoneCard) 
        </td> 
        <td> 
         @Html.Label("Vehicle : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.Vehicle) 
        </td> 
       </tr> 
       <tr> 
        <td> 
         @Html.Label("Gas Card : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.GasCard) 
        </td> 
        <td> 
         @Html.Label("Security Card : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.SecurityCard) 
        </td> 
        <td> 
         @Html.Label("Co Credit Card : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.CoCreditCard) 
        </td> 
       </tr> 
       <tr> 
        <td> 
         @Html.Label("Keys : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.Keys) 
        </td> 
        <td> 
         @Html.Label("Tools : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.Tools) 
        </td> 
        <td> 
         @Html.Label("Other PPG Property : ") 
        </td> 
        <td> 
         @Html.CheckBoxFor(model => model.OtherPPGProperty) 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
} 

Это мой JQuery я использую на моем обычном виде, чтобы вызвать частичный вид:

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#assets-button").on("click", function() { 

       $.ajax({ 
        type: 'GET', 
        url: '@Url.Action("EmployeeAssets", "Employee", new { empNo = Model.EmployeeNumber })', 
        success: function (data) { 
         $('#assets-container').html(data); 
        } 
       }); 
       $('#assets-container').bPopup(
       { 
        modal: true, 
        appendTo: '#employee-edit-form' 
       }); 
      }); 
     }); 
    </script> 

Вот мой DIV я использую, чтобы сохранить парциальное вид:

<div id="assets-container" style="display: none;position:absolute;background-color: white; padding: 10px;"></div> 

Вот снимок экрана:

Answer 1

Вопрос находится внутри частичного обзора. В div, окружающем таблицу, есть класс «class =» btn-group «data-toggle =« buttons-radio »», и это противоречит кнопкам флажка. Удалите класс div, и он работает.