articles

2010 年 3 月 1 日

jQuery aのイベントでリンクさせない処理

CATEGORYEventsjQuery  TAG 5:51 PM

aにclickなどのイベント処理をする場合、hrefのリンク先に飛んでしまうので
困っていました。

例えば、下の処理です。

$(function(){
    $("a").click(function(){
            $("#test_img").attr("src","test.jpg");
    })
})

このような時は関数の返り値をfalseにしてやることで
aがリンクするのを回避する事が出来るそうです。

$(function(){
    $("a").click(function(){
            $("#test_img").attr("src","test.jpg");
            return false;
    })
})

これ、もっと早く知っておきたかったです。

2009 年 11 月 11 日

jQuery 使えそうなサンプル

フォーカスが合うと文字列が現れてきえる。
これは色んな場面で使えそうです。

$("input").focus(function(){
  $("Focused!").appendTo("body").fadeOut(1000);
});

だいすきなリファレンスのtriggerHandlerのサンプルでありました。

http://semooh.jp/jquery/api/events/triggerHandler/type%2C+%5Bdata%5D/