Jquery DataTable Dropdown Problemi

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>

Bir Cevap Yazın