すべてのリンクをダブルクリック仕様にする誰得jQueryプラグイン
jQueryで『すべてのリンクをダブルクリック仕様にするプラグイン 』をつくりました!
jQueryとjDTLinkDoubleClickを読み込んで、実行!
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jdtlinkdoubleclick.js"></script>
<script type="text/javascript">
jQuery(function($)
{
$("a").jdtLinkDouleClick(
{
isAnimate: true,
});
});
</script>
すべてのリンクがダブルクリック仕様になって、面倒なこと間違いなしですね。
さらに今回はオプションまで付けちゃいました。
オプション項目 | 値 |
---|---|
isAnimate | bool値: |
実装
このプラグインの大事な所は次の数行です。~~;
//a要素
this.each(function()
{
//リンクキャンセル
$(this).attr("onClick","return false;");
//リンク先取得
var href = $(this).attr("href");
//ダブルクリックの動作設定
$(this).dblclick(function ()
{
document.location = href;
});
});
すべてのa要素に対して
- リンク(onClick)のキャンセル
- href属性の値取得
- ダブルクリックの挙動
今回もメインの実装はあっさり終わったんですが、色々ネタを考えてたら時間がかかってしまいました。