Kann nicht festlegen, href mit .attr()

Question

Bearbeiten: Es war ein Firefox-only-Problem im Zusammenhang mit dem Addon Adblock Plus. Die Neuinstallation des Addons setzte diesem seltsamen Verhalten ein Ende, bei dem URLs mit bestimmten Sonderzeichen die Anker verschwinden ließen.

Wie kann ich mit jQuery URLs mit Sonderzeichen einem href zuordnen?

Was ich jetzt tun, ist:

var x = encodeURI(myURLhere) 

Was ich gültige Links wissen erzeugt, weil ich console.log(x) benutze es zu überprüfen. Aber

, wenn ich tun:

$("#tweet").attr("href", x); 

Mein Anker einfach verschwindet.

Ein Beispiel für eine URL, auf dem das passiert:

https://twitter.com/intent/tweet?text=%22If%20it%20is%20not%20right%20do%20not%20do%20it;%20if%20it%20is%20not%20true%20do%20not%20say%20it.%22%20%E2%80%93%20Marcus%20Aurelius 

Hat jemand einen Vorschlag, wie von dem, was ich so URL mein Anker des href-Attribut kann tun?

Answer 1

Das Problem ist wegen der ; Zeichen in der Zeichenfolge, die bei der Verwendung encodeURI nicht codiert ist, stattdessen müssen Sie die Querystring aus und rufen Sie einfach encodeURIComponent() auf diese direkt.

Hinweis: Damit dieses Snippet funktioniert, müssen Sie den Link "Tweet" in einem neuen Tab öffnen, da Twitter nicht im Iframe angezeigt werden kann.

var text = 'If it is not right do not do it; if it is not true do not say it." – Marcus Aurelius"' 
 
var x = encodeURIComponent(text); 
 
$("#tweet").attr("href", 'https://twitter.com/intent/tweet?text=' + x);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="" id="tweet">Tweet</a>