jquery - リンクから JavaScript 関数を呼び出す

Question

私は次のものを持っています：

    <li><a id="register" 
        class="access button red"
        data-action="Register" 
        title="Login"><span class="smaller">REGISTER</span></a></li>
    <li><a id="login" 
        class="access button red"
        data-action="Login" 
        title="Login"><span class="smaller">LOGIN</span></a></li>

これらのリンクのいずれかをクリックしてjavascript関数を呼び出し、データアクションを引数として渡すことができるjQueryの簡単な方法はありますか? これを使用してこれら 2 つのリンクを選択できると思うので、「アクセス」というクラスを入れましたが、次に何をすべきかわかりません。

Answer 1

1行

$("a.access").click(function(){ doSomeThing($(this).attr("data-action"))  })

Answer 2

次のサンプルのいずれかを使用するevent.preventDefault();と、ハイパーリンクへの移動が停止します。

$("a.access").click(function(event) {
    event.preventDefault();
    customFunction($(this).attr("data-action"));
});

また

$("a.access").click(function(event) {
    event.preventDefault();
    customFunction($(this).data("action"));
});​

Answer 3

​$('a.access')​.click(function() {
    console.log($(this).data('action'));
});​

http://jsfiddle.net/zerkms/EWSCJ/

したがって、イベント ハンドラー内ではthis、DOM オブジェクト$(this)として、または jQuery オブジェクトとして保持します。したがって、.data()jQueryメソッドを使用してdata-action値を取得できます

Answer 4

そのとおり。次のようなことをしてください：

var callback = function() {
  var $el = $(this);
  alert($el.data('action'));
};​

$('#login').click(callback)