Geçişi kapat kapat

'a tıklayın

dd & dt için geçiş sınıfını kullanıyorum, iyi çalışıyor ama benim sorunum ise kullanıcı bu tarafı kapatmak istediğim tarafın tıklanmasıdır. Bunu nasıl başarabilirim? Ayrıca deneyebilirsinizGeçişi kapat kapat

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script> 
    <script type="text/javascript"> 
    jQuery=$.noConflict(); 
    jQuery(document).ready(function() { 
     jQuery('.navigation dd').hide(); 

     jQuery('.navigation dt').click(function(){ 
       jQuery(this).next('dd').slideToggle('slow'); 
       jQuery(this).toggleClass('glace_navigationlayer-collapsed'); 


      }); 


    }); 
    </script>

kaynak

2016-04-01 Magento Dev

'jQuery ('document'). Değil (". Navigation dt ") tıklatın (işlev() {})' İstediğiniz bu mu? Açılış sınıfından başka bir şeye tıkladığınızda koşmalısın. – DBS

@DBS Yanıt için teşekkürler Kontrol edeceğim ve –

- neyi DBS sahiptir imho, uygun, (o bir yorumda yayınlanmıştır) 'dir.

//clicking on the body, closes the toggleitem 
jQuery(document.body).bind('click.closedd', function() { 
    jQuery('.navigation dd').hide(); 
}); 

// clicking on the toggle item, won't trigger the click on the body 
// that we set up above. 
jQuery('.navigation dd').bind('click.closedd', function(e) { 
    e.stopPropagation(); 
});

kaynak

2016-04-01 21:17:57

bildireceğiz Yanıt için teşekkürler Kontrol edeceğim ve size bildireceğim –

Bir sayfayı açarken tüm açık göster –

Sen <body> tıklamalar için dinlemek ve daha sonra hedef navigasyon bileşeni dışında olduğundan emin olmak için kontrol etmeniz gerekir.

jQuery('body').on('click', function(evt) { 
    var $target = $(evt.target); 
    if (!$target.closest('.navigation').length) { 
    // code to collpase the nav menu 
    } 
});

Ben de yerine slideToggle ve toggleClass dayanmanın ayrı genişletme ve daraltma işlevlerini kullanmak için nav kodu üstlenmeden öneriyoruz.

İyi şanslar!

kaynak

2016-04-01 21:21:01

Yanıt için teşekkürler –

Gereksinimler hakkında çok emin değilsiniz, ancak yukarıdaki fare yöneticisi ve fareyle ilgili olayları gerçekleştirmeyi deneyebilirsiniz.
Bununla birlikte, yukarıdaki işlevleri yalnızca tıklamada uygulamak zorundaysanız, tıklama etkinliğini tüm html gövdesini kapsayan bir kapsayıcıya bağlamanız gerekir.

kaynak

2016-04-01 21:27:00 ash

cevabını kontrol edeceğim ve bildireceğim kontrol edeyim –

Geçişi kapat kapat

cevap

İlgili konular