rasoir ActionLink pour ouvrir Colorbox

Question

que quelqu'un peut me aider avec ce ActionLink Je veux ouvrir une Div cachée avec en rasoir,

C'est le lien,

<a class='inline' href="#inline_content">Inline HTML</a> 

Et voici le script,

<script> 
    $(document).ready(function() { 
     $(".inline").colorbox({ inline: true, width: "50%" }); 
    }); 
</script> 

Et aussi la division,

<p><a class='inline' href="#inline_content">Inline HTML</a></p> 

<div style='display:none'> 
    <div id='inline_content' style='padding:10px; background:#fff;'> 

     <p><strong>This content comes from a hidden element on this page.</strong></p> 

     <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p> 

    </div> 
</div> 

Modifier

J'ai besoin le lien HTML réécrite dans un ActionLink de style MVC Razor, le code fonctionne très bien en HTML, mais pas dans Razor. Le lien HTML publie sur une nouvelle page dans Razor, donc je pense que j'ai besoin d'un lien ActionLink pour publier sur le script.

<a class='inline' href="#inline_content">Inline HTML</a> 

.. par exemple

@Html.ActionLink("Inline HTML", null, null, new { Class="inline", onclick = "#inline_content();" }); 

Answer 1

Votre problème ne traite que HTML et jQuery. Vous pouvez afficher le contenu masqué en liant un événement click à la balise d'ancrage.

jsFiddle here

$("a.inline").on('click',function(){ 
    $("#inline_content").parent().show(); 
    return false; 
}); 

Answer 2

Essayez comme ça,

@Html.ActionLink("Inline HTML", null, null, new { Class="inline", onclick = "Show_Div_content();" }); 


<script type="text/javascript"> 
    function Show_Div_content() { 
     $("#inline_content").parent().show(); 
    } 
</script> 

Answer 3

Html.ActionLink fait partie de la classe LinkExtensions (http://msdn.microsoft.com/en-us/library/system.web.mvc.html.linkextensions.actionlink(v=vs.118).aspx) qui est utilisé pour renvoyer un élément d'ancrage en fonction des paramètres qui lui sont passés . Pour moi, il semble que votre seule action ici est d'ouvrir une boîte de couleur.

<a class='inline' href="#inline_content">Inline HTML</a> 

L'utilisation de ce qui précède devrait être bien puisque vous ne routiez rien.