2017-03-19 4 views
0

I持って次のコード:リンクASP.NETでアイコンを追加するには?

<a href=""><i class="sub"></i></a>

はどのようにこれを行う:私はこのliks内<i class="sub"></i>要素を追加する必要が

@Ajax.ActionLink("Settings", "SettingsPopup", "Settings", 
       new { area = "Customer" }, 
       new AjaxOptions() 
       { 
        HttpMethod = "Get", 
        UpdateTargetId = "settings-content", 
        InsertionMode = InsertionMode.Replace, 
        OnSuccess = "settingsPopupLoaded", 
        AllowCache = true 
       }, 
       new { @class = "profile-right__a icon-help" }) 

答えて

1

マークアップをカスタマイズしたいが、依然としてajaxyの動作が必要な場合。あなたは、単に

<a class="ajaxy" targetid="settings-content" 
    href="@Url.Action("settingsPopup","Settings",new { area="Customer"})"> 
       <span class="glyphicon glyphicon-user [email protected]"></span> 
</a> 

JavaScriptが非常に単純に、単にCSSクラス「ajaxy」を持つ要素を探しになります(これは、AJAXヘルパーも何をするかである)ことをアップ配線するのjQueryを使用することができ、AJAX呼び出しを行いますjQuery $.getメソッドを使用してDOM要素を更新し、結果を返します。それは単にAJAX呼び出しからの応答でDOM要素を更新している場合

function settingsPopupLoaded(e) { 
    console.log('settingsPopupLoaded', e); 
} 
$(function() { 

    $(".ajaxy").click(function (e) { 
     e.preventDefault(); 
     var _this = $(this); 
     $.get(_this.attr("href"), function (res) { 
      var tId = _this.attr("targetid"); 
      $("#" + tId).html(res); 
      settingsPopupLoaded(res);  
     }); 
    }); 
}); 

また$.loadメソッドを使用することができます。

関連する問題