顯示隱藏div點擊從jqgrid TD不工作

Question

使用MVC5。我有一個jqgrid，當任何TD被點擊時，我想顯示一個隱藏的div。我可以捕獲TD點擊，但我無法顯示div。 div使用bootstraps的'hidden'類來隱藏，看起來它所做的只是將顯示設置爲none。

的jQuery：

$("#mobile-grid").on("click", "td", function() { 
     $("#mobile-options").toggleClass('hidden show'); 
    }) 

的jqGrid格：

<table class="table table-bordered table-striped" id="mobile-grid"></table> 

隱藏的div：

<div id="mobile-options" class="hidden"> 
    <div class="tile tile-blue"> 
    <h2>Required Mobile Options</h2> 
    ..... 
    </div> 
</div> 

我也曾嘗試：

$("#mobile-grid").on("click", "td", function() { 
     $("#mobile-options").toggle(); 
    }) 

和

$("#mobile-grid").on("click", "td", function() { 
     $("#mobile-options").show(); 
    }) 

Answer 1

嘗試使用「隱藏」屬性爲隱藏的div，隱藏類的INSEAD，然後您可以切換。就像這樣：

$('#mobile-grid tr').on("click", notify); 
 

 
function notify() { 
 
    alert("clicked"); 
 
    $('#mobile-options').toggle(); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<table class="table table-bordered table-striped" id="mobile-grid"> 
 
    <tr> 
 
    <th>header</th> 
 
    <td>cell</td> 
 
    <td id="mobile-options" hidden>hidden td</td> 
 
    </tr> 
 
</table>