2017-09-15 21 views
0

我们有一个聊天机器人谁打印使用jQuery如何超链接文本变量里面输入和使用jQuery功能

$('<div class="message message-new"><figure class="avatar"><img src="images/icon" /></figure>' + reply + '</div>').appendTo($('.mCSB_container')).addClass('new'); 

有时答复变量可以包含链接回复打印出来,其中有些是很长,所以我们一直在试图超链接它们,我们试图给href添加到答复

但源jQuery的只是不打印出来,甚至没有超链接文本,它只是完全忽略

如果输入从后面en d是

Hi <a href="www.google.com" click here /a> 

它只是打印“嗨”

可有人请指导一下我们如何可以通过在源文本的答复变量或任何其他方式的变化使超链接

+0

你试过了什么? – Ash

+0

我的输入是从带有回复和链接的文本文件中读取的,我试图在我的文本文件中添加一个标记以及回复,希望当它涉及到前端时,它会转换为超链接 –

+0

您可以发送示例回复你正在从api – Ash

回答

0
<!DOCTYPE html> 
<html> 

<head> 
    <script src="jquery.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $("button").click(function() { 
       reply = 'Hi! What can I help you with?<p><a href="www.google.com">google</a></p> '; 
       $('<div class="message message-new"><figure class="avatar"><img src="avatars1.githubusercontent.com/u/6422482?v=3&s=400"‌​; /></figure>' + reply + '</div>').appendTo($('.mCSB_container')).addClass('new'); 

      }); 
     }); 
    </script> 
</head> 

<body> 
    <p>Top</p> 
    <div class="mCSB_container"> 
     test 
    </div> 


    <button>Add New </button> 

</body> 

</html> 
+0

非常感谢:) –

+0

这是我的文件按预期工作,检查你在做什么错误 – Ash

0
$('<a>', { 
    href: 'mylink.com', 
    html: 'mytext' 
}) 
相关问题