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>

llandığımız sistemlerde ne gibi arızalar, problemler, yavaşlıklar ve beklemediğimiz anda renkli renkli ( genellikle beyaz olur ) ekranlar yaşamamızın sebepleri ve çözümlerine üstün körü
Kullanmış olduğumuz bir sistem artık kendi kendine yetmiyor ise sistem ne yapmalıyız diye kara kara düşünürken çıkarılan çözümler oldukça fazladır. Bunları alt alta koyarsak üst üste bineceği için bir yerlerde yine yetersiz gelecektir. Sonu olmayan bir döngüden bahsediyoruz. 🙂