jquery - クラスを含むアンカーリンクのクリックでjqueryを適用する方法

Question

クラス名を作成する動的アンカー(<a>タグ)リンクがあります

<a class="modalCloseImg simplemodal-close" title="Close"></a>

 $(".a.modalCloseImg").click(function () {
        alert("hi");
        var appName = document.getElementById("txtAppName").value;
        if (appName == "") {
            $.ajax({
                success: function () {
                    var tempUrl = "/Applications/Applications/";
                    window.location.href = tempUrl;
                }
            });
        }
    });

クリックイベントを適用する正しいクラス名を知りたいです。

Answer 1

アンカーは動的に追加されるため、イベント デリゲーションを使用してイベント ハンドラーを登録する必要があります。

// New way (jQuery 1.7+) - .on(events, selector, handler)
$(document).on('click', 'a.modalCloseImg', function(event) {
    event.preventDefault();
    alert('testlink'); 
    // your code here...
});

Answer 2

これを試して

$(".modalCloseImg").click(function () {
        alert("hi");
        var appName = document.getElementById("txtAppName").value;
        if (appName == "") {
            $.ajax({
                success: function () {
                    var tempUrl = "/Applications/Applications/";
                    window.location.href = tempUrl;
                }
            });
        }
    });