Jquery只需点击一下即可将文本更改为URL

我正在使用Google协作平台。我已将HTML框添加到我的页面并添加了我的脚本。脚本应该做的是，当我点击一个文本时，这个文本会更改它的显示文本并为它添加一个href。该文本在类“hey”的“td”中的表格中。我的第一个功能是这个Jquery只需点击一下即可将文本更改为URL

function showitnow() { 
var div_data = "<br> <br> <a href='https://www.google.com'>Test</a>"; 
$(".hey").html(div_data); 
} 

$(".hey").click(function() { 
    showitnow(); 
});

我从这里复制了这个功能。当我点击“嘿”类的字段时，它只会将我的文本更改为“测试”。该网站知道，“测试”是一个链接，但href丢失了，所以当你点击它时会发生错误。之后，我尝试使用在论坛中提到的setAttribute和setProperties函数，但它们也没有工作。我注意到，在某些版本的Jquery中，当我点击文本时，Firebug控制台显示“拒绝.setAttribute”。

我的问题是，这些功能是禁止在谷歌网站或有另一种方式来添加链接并更改显示文本？

我使用的是JQuery版本1.10.1。

来源

2013-07-25 user2140547

你看到当你点击发生在控制台日志中有什么错误？ –

正如我所说，如果我想改变属性，控制台说：“拒绝。setAttribute” – user2140547

无需设置属性，因为您已经在div_data中设置了href。我已经把我的代码作为一个答案，我正在测试，所以使用它。 –

试试这个

$(".hey").click(function() { 
     var div_data = "<br> <br> <a href='https://www.google.com'>Test</a>"; 

    $(this).append(div_data); 
    });

来源

2013-07-25 09:18:56 CodeHunter

谢谢你的回答。我试过了你的代码，但它不适用于“.each（）”。如果我删除了“.each（）”部分，那么href仍然是空的。 Test – user2140547

刚刚更新我的回答尝试这一个 – CodeHunter

你有没有得到解决方案 – CodeHunter

试试这个：

$(document).ready(function(){ 
    $(".hey").click(function() { 
     var div_data = '<br> <br> <a href="https://www.google.com" target="_blank">Test</a>'; 
     $(".hey").html(div_data); 
    }); 
})

JSFIDDLE DEMO

来源

2013-07-25 09:56:11

href仍然是空的。我忘了发布这个错误，发生“无法在ES5/3模式下模拟复杂的事件处理程序div onsubmit =”t“。我GOOGLE了这个错误。我发现的唯一的事情是，Jquery版本很重要，但我已经尝试了不同版本的Jquery – user2140547

我已经添加jsfiddle演示到我的答案在那里工作。你可以看到这个演示。 –

这正是我想要的。我已经在Google协作平台上试过你的代码，但它只是将显示文字改为“测试”，然后萤火虫说它就是这样“Test” – user2140547

Jquery只需点击一下即可将文本更改为URL

回答

相关问题