Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在jquery中将输入转换为链接_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 在jquery中将输入转换为链接

Javascript 在jquery中将输入转换为链接,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,目前,脚本是这样做的: 单击链接通过使输入可见来编辑链接 单击链接前的下一步/通过使输入可见来编辑链接 我想当你点击一次链接时,不要编辑,而是在新窗口中打开页面,当你点击双击进行编辑时 以下是脚本: -您可以双击要编辑的div,或单击链接打开。这就是你想要的 $('.a0').dblclick(function(e){ e.preventDefault(); $(this).parent().find('input').val($(this).find('a').text()).

目前,脚本是这样做的:

  • 单击链接通过使输入可见来编辑链接
  • 单击链接前的下一步/通过使输入可见来编辑链接
  • 我想当你点击一次链接时,不要编辑,而是在新窗口中打开页面,当你点击双击进行编辑时

    以下是脚本:

    -您可以双击要编辑的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);
        })
        }    
    );
    
    下面是一个JSFIDLE,它将
    a
    的href更改为您将其编辑为的值,以防您下一步要做的事情:-)

    这是做你想做的事的JSFIDLE-

    JS-

    启发,使用
    target=“\u blank”
    属性在新页面中打开链接

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

    这是

    替换
    。单击()
    by
    dblclick()
    ?不,当双击链接或单击div区域进行编辑时,以及当单击链接进入该页面时,我看到双击编辑了它,但也进入了该页面,一次单击就可以编辑包含您的功能的div文件。非常适合双击,但单击div区域并不能进行编辑操作,其他一切都是令人惊奇和完美的,只需单击div区域进行编辑,就可以了,多谢了。您真的知道jQuery吗?:-)对我来说,拖延太酷了!你也在让我学习,所以谢谢。不:),这不是我想做的,我想点击div区域,双击链接进行编辑,也可以点击链接进入页面
    <a target="_blank" href="dsad.cas">dsad.cas</a>
    
    $('.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);
        })
        }    
    );
    ​