1

現時点では、次のような div 要素がたくさんあります。

<div  onclick="window.open('Technology','mywindow');" class="grid" id="technology">                    
     <p class="category-title">Technology</p>        
</div>

window.open を取り除き、代わりに actionlink のような MVC htmlhelper を使用して、div 要素をクリックしたときにユーザーをリダイレクトしたいと思います。どうやってやるの？

4

2 に答える 2

5

これを処理する正しい方法は、単純なアンカー タグを使用することです。

「myAction」と「myController」を、ユーザーをリダイレクトする場所に置き換えます。 

<a href="@Url.Action("myAction", "myController")">
    <div class="grid" id="technology">                    
         <p class="category-title">Technology</p>        
    </div>
</a>
于 2013-05-31T03:11:10.960 に答える
2

ActionLinkanchorタグを返します。できることは、 を介して div の属性に URL を割り当てることができることです@Url.Action()。次に、JavaScriptこの URL を取得して、新しいウィンドウを開くことができます。

<div data-action ="@Url.Action("Text", "ActionName")">                    
     <p class="category-title">Technology</p>        
</div>

そしてjQueryでは

$('div').click(function () {
    var url = $(this).attr('data-action');

    if(url !== undefined)
        window.location.href = url;    
});

あるいは、純粋な JS では、

document.document.getElementsByTagName('div').onclick = function(e) {

     var url = this.getAttribute('data-action')

     if(url !== null)
         window.location.href = url;  
}

このようにdivs、属性を持つすべてがdata-action新しいページにリダイレクトされます。

于 2013-05-30T19:06:45.417 に答える