私のコードには、
class = specific
のクラスを持つdivタグがありますdivには2つのタグ `、。があります。スパンにはテキストがあり、アンカータグは次のようになります。
<a class="editByAnchor" id="0" href="#" data-toggle="modal" data-target="#thirdModal">
<i class="fa fa-edit">
</i>
</a>
モーダル
<div class="modal fade" id="thirdModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" style="margin: -1px;">
<div class= "content"></div>
<div id="specific_dates"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Update</button>
</div>
</div>
</div>
</div>
アイコンをクリックすると、jQueryの助けを借りてこんにちは警告ボックスが表示されます。しかし、それは機能しません。
コードjQuery:-
$('.editByAnchor').on('click', function() {
alert("hello");
});
アラートボックスが表示されない理由。ありがとうございました。
回答 2 件
JavaScript関数を次の関数に変更します。それ以外はすべて問題ありません。
<script> $(document).ready(function(){ $('.editByAnchor').on('click', function() { alert("hello"); }); });
これにより、すべてのスクリプトがロードされた後にコードが確実にバインドされます。
関連した質問
- Webの要素が突然消える
- ブートストラップリスト-グループ:アイテムを複製することは可能ですか?
- チェックボックスとそれに対応するリストタグを削除します
- ホバーまたはクリックして、それぞれの画像を表示します
- 私はajaxとjqueryを初めて使用するので、コードの何が問題なのかわかりません
- javascriptまたはjqueryを使用したJSONへのHTML非フォームデータ
- JavaScript/HTML/CSS/JQueryを介したフィルター可能なギャラリーが機能しない
- 非同期を使用してMathJaxでテキストをプレビューする
- 動的に作成されたID(親要素に基づくIDを使用)でクリックイベントをトリガーする
- 選択オプションから値を送信
$(document).ready(function(){
にコードを追加する必要があります