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

回答

相關問題