Событие щелчка JQuery не работает в модале начальной загрузки

У меня есть эта строка кода на моей странице:

<div id='data'>...</div>      
<a id='addMore' href='#'>Add more </a>   

Эта строка на самом деле в модале начальной загрузки. Я хочу, чтобы, когда пользователь щелкает по нему, я хочу, чтобы div над ним клонировался. Проблема не в коде клонирования, а в том, что событие click даже не возникает. В моем файле .js у меня есть это:

$('#addMore').click (...)

Многоточие для кода для предотвращения значений по умолчанию и клонирования. Я попытался проверить с предупреждением. Это все еще не сработало. Я не знаю почему.

Я обнаружил, что если я добавлю onClick='alert(...) в тег, это сработает.

Может ли кто-нибудь помочь?

Это HTML-код модальности (Не против, если кто-нибудь поможет с форматированием. Я знаю, что это беспорядок):

<div id="addEmailModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="addEmailLabel" aria-hidden="true">   
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times; </button> 
        <h3 id="addEmailLabel">Add Email</h3>
    </div>
    <div class="modal-body">
        <div id="emailData">
            <input type="text" placeholder="Name (optional)" class="input-xlarge" />
            <input type="email" placeholder="Email" />
        </div>
        <a id="addMore" href="#">Add more&hellip;</a>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary" id="btnAdd">Add</button>
    </div>
</div>
13
задан CaptainBli 15 August 2019 в 17:46
поделиться