Les liens de la page ASP ne sont pas disponibles lorsque vous passez par jQuery.html()

Question

Je suis en train d'apprendre le développement de base en ASP.net en tant que passe-temps. J'utilise jQuery.html() pour mettre à jour un div avec une liste de liens vers des pages ASP razor, mais les liens ne passent pas.

J'ai créé une application web de test et ai attaché une fonction jQuery. Le code fonctionne, le div se remplit, mais les liens des pages ASP ne sont pas actifs. Je n'ai pas trouvé d'informations spécifiques à ce sujet, mais étant donné que je débute dans ce domaine, ma Google-Fu peut être défaillante.

Voici le code jQuery qui s'exécute dans site.js :

$(document).ready(function () {

    $("#testDiv").html(
        'Liste des pages :   TestPage'
    );

});

Lorsque cela s'exécute, le div ressemble à ceci :

Quand je copie le code html entre guillemets dans la requête js directement dans le div de la page :

        Liste des pages :   TestPage

Le lien fonctionne correctement comme ci-dessous :

Y a-t-il quelque chose que je devrais faire en plus avec le code de passage ASP pour que les liens fonctionnent avec jQuery ?

Answer 1

Comme l'a mentionné ADyson dans les commentaires, l'attribut asp-page est un Assistant de balises d'ancrage, qui est rendu en HTML approprié par le moteur Razor. Cela se passe côté serveur.

Ce que vous faites avec jQuery se passe côté client. Autrement dit, il n'y a pas de moteur Razor disponible, donc il est rendu tel quel. À la fin de la journée, l'assistant de balise d'ancrage Razor traduit sa valeur en HTML valide.

Avec jQuery, vous devez définir le HTML approprié pour le lien :

$(document).ready(function () {

    $("#testDiv").html(
        'Liste des pages :    TestPage'
    );

});