私の関数はonclick jqueryをトリガーしません

Question

私はasp.net剣道グリッドを持っていて、私はクラスの要素を持っています。このクラスを別のクラスに置き換えるには、右側にあるリンクをクリックします。

私はjqueryを使用していましたが、動作していないようです。また、Chromeのコンソールの内部でエラーが発生しません。私は警報を入れようとしましたが、それは誘発していません。

誰かがここに助けることができる場合は、私のjqueryのある

function changetoOK() { 
    grid.tbody.find("td").onclick(function (index) { 
     if ($("a").hasClass('changeToOk')) 
     { 
      $(this).removeClass('customClassVerif'); 
      $(this).addClass('customClassOK'); 
     }    
    }); 
} 

も私は、グリッドでこれを持っているので、私のグリッドの内側にそれを置くためにHTMLヘルパーとの偽のリンクを作成するために追加します。

columns.Template(@<text></text>).ClientTemplate(@Html.EmptyLink("Passer à OK").ToHtmlString()); 

クラス

この

public static class MyHtmlExtensions 
{ 
    public static MvcHtmlString EmptyLink(this HtmlHelper helper, string linkText) 
    { 
     var tag = new TagBuilder("a"); 
     tag.MergeAttribute("class", "changeToOK"); 
     tag.MergeAttribute("href", "javascript:void(0);"); 
     tag.SetInnerText(linkText); 
     return MvcHtmlString.Create(tag.ToString()); 
    } 
} 

[EDIT]

私はそれが知っているといいと思います。私は最初にコード内でいくつかの変更を加えましたが、ここではいくつかの説明があります。

私はクラスでグリッド内の要素を持っています。リンクをクリックするとそのクラスを別のクラスに変更したいと思います。

Answer 1

私はjQueryで動作しない 'onclick'メソッドを使用しようとしているので問題があると思います。

てみ使用.on（ 'クリック'、機能（インデックス）...

Answer 2

.onclickはそうのように、代わりに.clickしてみてください、jqueryの方法ではありません。

function changetoOK() { 
    grid.tbody.find("td").click(function (index) { 
     if ($("a").hasClass('changeToOk')) 
     { 
      $(this).removeClass('changeToOk'); 
      $(this).addClass('customClassOK'); 
     }    
    }); 
} 

この意志td要素にclickイベントをバインドします。ただし、提供しているすべての機能はすべてa要素を見つけて、いずれかにクラスchangeToOkがあるかどうかを確認する必要があります。クリック機能は使用されないインデックスです。

Answer 3

This will work as expected : 

function changetoOK() { 
    grid.tbody.find("td").on('click', function (event) { 
     if ($("a").hasClass('changeToOk')) 
     { 
      $(this).removeClass('changeToOk'); 
      $(this).addClass('customClassOK'); 
     }    
    }); 
} 

Answer 4

だから、私と同じことをしたいと思っている皆のために、最終的にどのように見つけ出すか。

あなたがしなければならないのはこれです：私は私の最初の要素を第二のクラスを追加し、それが動作

$(document).on('click', '.changeToOK', function() { 
    $(this).parent().parent().find('.verifyCell').removeClass('customClassVerif').addClass('customClassOK'); 
}) 

！

私を助けようとした皆様に感謝します。