jQuery Click Not Working/Registering

Question

Я динамически добавляю список якорных тегов в div с идентификатором join. Почему-то мой обработчик jQuery (это обработчик?) Не обрабатывает клики.

$(document).ready(function() { 
    $("#join").click(function() { 
     console.log("Clicked"); 
    }); 
}); 

«Щелкнуть» не отображается в моей консоли. У меня большая головная боль после Гуглинга около 2 часов.

Заранее спасибо.

Answer 1

попробовать

$(document).ready(function() { 
    $(document).on.('click','#join',function() { 
     console.log("Clicked"); 
    }); 
}); 

Примечание: это будет только обнаружить первый экземпляр #join элемента. вы можете использовать классы вместо идентификатора

вам нужно использовать документ в качестве селектора для обнаружения генерируемых элементов

Answer 2

Когда вы создаете обработчик из селектора, обработчик добавляется ко всем элементам, которые соответствуют селектору при запуске селектора (и обработчика). Если впоследствии вы добавите элементы, которые будут СЕЙЧАС соответствовать селектору, обработчик не будет автоматически добавлен. Эти элементы не присутствовали, когда селектор сначала бежал.

Когда вы добавляете новые элементы, добавьте обработчик кликов к тем новым элементам в момент их добавления.

Настоятельно рекомендуется не иметь на странице нескольких элементов с одинаковым значением «id». Рассмотрим использование класса для индикатора группировки.

Answer 3

Вы также можете попробовать это выход, это является наиболее эффективным способом, как вы можете иметь контроль над событием клика.

$(document).ready(function() { 
    $("#join").on('click',function() { 
     $('#join').off('click'); 
     console.log("Clicked"); 
    }); 
});