Projelerinizde Jquery DataTable kullanıyorsanız ve datatable içerisinde de dropdown menüler kullanıyorsanız problemler yaşayabilirsiniz.
Problem; mobil olarak web sayfanızı açtığınızda dropdown menülerin açık ve kapatılamaz olmasıdır.
Aşağıdaki kod satıları ile bu problemin üstesinden geldik fakat mantık hatasından dolayı çift tıklayıp ( iki kere ekrana bastıktan sonra ) etkileşime geçmektedir. Düzeltip kullanabilirsiniz .
<script type="text/javascript"> $( document ).ready( function() { if ( $(window).width() <= 768 ) { var open_drop_menu = '<style id="wi_style_id">@media (max-width: 768px) { .dropdown-menu,.table.dataTable>tbody>tr.child ul.dropdown-menu{display: none !important;} }</style>'; $( 'head' ).append( open_drop_menu ); setTimeout( function() { $( document ).delegate( '.dropdown-toggle', 'click', function() { if( $( 'style#wi_style_id' ).length > 0 ) $( 'style#wi_style_id' ).remove(); else $( 'head' ).append( open_drop_menu ); } ); }, 2557 ); } }); </script>