javascript - jqueryで入力をリンクに変換する

Question

今のところ、スクリプトは次のようになっています。

1. リンクをクリックして、入力を表示してリンクを編集します
2. 次へ/リンクの前をクリックして、入力を表示してリンクを編集します

リンクを1回クリックすると編集せずに新しいウィンドウでページを開き、ダブルクリックして編集したいです。

スクリプトは次のとおりです。

jsfiddle-コード

Answer 1

http://jsfiddle.net/jaspermogg/pFyNY/1/-divをダブルクリックして編集するか、リンクをシングルクリックして開きます。それはあなたが望んでいたことですか？

$('.a0').dblclick(function(e){
    e.preventDefault();
    $(this).parent().find('input').val($(this).find('a').text()).show().focus();
    $(this).hide();
})

$('#url0, #url1').each(
    function(index, element){
        $(element).blur(function(){
            $(this).hide().prev().show().find('a').html(this.value);
    })
    }    
);

そして、これがjsFiddleで、hrefaを編集した値に変更します。これは、次に実行しようとしている場合に備えて:-) http://jsfiddle.net/jaspermogg/pFyNY/2/

これがあなたが望むことをするjsFiddleです-http: //jsfiddle.net/jaspermogg/pFyNY/5/

JS-

$('.a0 a').click(function(){

    var href = $(this).attr('href');

    // Redirect only after 500 milliseconds (CHANGE THE 500 IN THE CODE TO DETERMINE HOW LONG THE USER GETS TO DBLCLICK)
    if (!$(this).data('timer')) {
       $(this).data('timer', setTimeout(function () {
          window.location = href;
       }, 500));
    }
    return false; // Prevent default action (redirecting)
});

$('.a0').dblclick(function(){
    clearTimeout($(this).find('a').data('timer'));
    $(this).find('a').data('timer', null);

    $(this).parent().find('input').val($(this).find('a').text()).show().focus();
    $(this).hide();
})

$('#url0, #url1').each(
    function(index, element){
        $(element).blur(function(){
            $(this).hide().prev().show().find('a').html(this.value);
    })
    }    
);

Jqueryに触発されてAHrefでダブルクリックイベントを作成

Answer 2

プロパティを使用target="_blank"して、新しいページでリンクを開きます。

<a target="_blank" href="dsad.cas">dsad.cas</a>

そして、を使用します。リンクを編集するためのjqueryのdblclick関数

$('.a0').dblclick(function(e){
    e.preventDefault();
    $(this).parent().find('input').val($(this).find('a').text()).show().focus();
    $(this).hide();
})

$('#url0, #url1').each(
    function(index, element){
        $(element).blur(function(){
            $(this).hide().prev().show().find('a').html(this.value);
    })
    }    
);
​

これがデモです