为推文文本中包含的 URL 创建超链接答案

【问题标题】：Create hyperlink for URL contained in tweet text为推文文本中包含的 URL 创建超链接
【发布时间】：2014-07-24 13:05:17
【问题描述】：

我对编码完全陌生。请帮忙。我正在使用 node.js 获取推文文本并使用 html 显示。我想为其中包含的 URL 创建超链接。

例如：#Times #News Ukrainians，在坠机后等待国际行动，恐惧自满http://t.co/YjZ4YV8qMk

这是我获得的文本。这些没有超链接。当我点击#Times 或http://t.co/YjZ4YV8qMk 它应该在新页面上打开。这是我的 html 和 jquery。

<!DOCTYPE html>
<html>
    <head>  
    </head>

    <body>
        <form>
           #<input type="text" id="tag" class="hash"/> 
           <button>submit</button>
        </form>

        <div id="tweets"></div>


        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
         <script src="/socket.io/socket.io.js"> </script>

        <script>
            var socket = io.connect('/link');

            $('.hash').change(function(){
                $('#tweet').after();
                socket.emit('message', $('#tag').val()); 
                $('#tag').val('');

                return;

            });

            socket.on('message', function(msg){
                $('#tweets').after($('<div>').text(msg));
            });
        </script>
    </body>
<html>

【问题讨论】：

标签： jquery html node.js

【解决方案1】：

Mistake 1: 你包含两个 jquery 库文件

Mistake 2: jQuery 库顺序错误它总是在其他脚本之上

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script src="/socket.io/socket.io.js"> </script>

【讨论】：