У вас правильная идея, но div
s не может иметь href
s, поэтому я бы использовал два a
тега в #question-wrapper
, чтобы ваш HTML выглядел следующим образом:
<div id="question-wrapper">
Would you like to continue on to
<span id="url">space where link is</span><br/>
<a id="follow">CONTINUE</a><br/>
<a id="dontfollow" href="#">STAY HERE</a>
</div>
Кроме того, если вы поместите href
в кавычки, он будет отображаться буквально, поэтому
$("#follow").attr('href', "($(this).attr('href'))");
сделает #follow
, если это A
, похожим на:
<a href="($(this).attr('href'))">blah</a>
Кроме того, вы уже создали thisurl
, так что используйте его.Также используйте var
, так как без объявления их переменные становятся глобальными (свойства window
):
$("#follow").attr('href', thiurl);
Так что все это будет выглядеть так:
$(function() { // <== DOC ready
$("#question-wrapper").hide(); // Hide the QR to begin
$("a.external").click(function() { // Click handler for all external links
var thisurl = $(this).attr('href'), // The url
$qr = $("#question-wrapper"); // The QR
$qr.fadeIn('normal'); // Show the QR
$("#follow").attr('href', thisurl); // Set the URL of FOLLOW
// Make #url a working link too
$("#url").html('<a href="' + thisurl + '">' + thisurl + '</a>');
$("#dontfollow").click(function() {
$qr.fadeOut('normal');
return false;
});
return false;
});
});