jQueryでリンクを作成するには？

Question

jQuery通知があります。通知をクリックすると、目的のページに移動します。

PHPでは、次のようにして実現できます。

$link = 22; 
echo "<a href=\"page2.php?id=link\">Click to read more</a>"; 

このようにJQueryで実現するには？通知ポップアップとリンク変数の準備ができました。

var link = "home.php?destination=22"; 

Answer 1

あなたはJavaスクリプトでwindow.location.hrefを使用して、それを達成することができますjQueryの

var link = "home.php?destination=22"; 
 

 
//Create anchor element 
 
var anchor = $('<a />', { 
 
    "href": link, 
 
    "text": "Click to read more" 
 
}) 
 

 
//Append the element 
 
$('#dialog').append(anchor).dialog();

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 

 
<div id="dialog" title="Basic dialog"> 
 
    
 
</div> 
 

Answer 2

を使用してHTML要素を作成することができます。

<button onclick="myFunction()">Click me to read more</button> 
<script> 
function myFunction() { 
    window.location.href = 'home.php?destination=22'; 
} 
</script>