Remove атр не работает

Question

У меня есть сценарий, как гармошка, это мой сценарий

$(document).ready(function(){ 

    $('.film').click(function(){ 
     $('.film').attr('id','activeMenu'); 
     $('#film').slideToggle();  
    }); 

    $('#activeMenu').click(function(){ 
     $('.film').removeAttr("id");   
    }); 

}); 

это стиль activeMenu, когда он нажал

.activeMenu{ 
    background:#C9FF26; 
} 

если я нажимаю .film и снова нажмите , id=activeMenu не удаляется

Кто-нибудь знает эту проблему? thanks

Answer 1

Ваша проблема возникает, потому что в то время, когда вы вызываете $('#activeMenu').click(...), у элемента, на который вы нацеливаетесь, на самом деле нет этого идентификатора.

Вы можете потенциально использование $(document).on('click', '#activeMenu', ...) (т.е. делегированы обработчик события), который будет работать, даже если #activeMenu еще не существует, но я не могу помочь, но чувствую, что это было бы неправильным решением. Это почти никогда не необходимо для динамического добавления или удаления идентификатора на существующий элемент. Правильное решение будет зависеть именно от того, чего вы пытаетесь достичь.

Answer 2

Вы должны использовать .он метод для регистрации нажмите на событие #activeMenu

$('#activeMenu').on('click',function(){ 
     $('.film').removeAttr("id");   
    });