在部分視圖中jquery ajax調用后不會加載css

Question

我試圖在用戶點擊按鈕時更改菜單內容。 CSS最初加載很好，但是一旦按下按鈕啟動ajax調用，菜單欄就會返回，但是沒有應用任何CSS。 所有代碼都在MVC 4局部視圖中。

這是我的JS

$(document).ready(function () {

    $("#menu").wijmenu({
        orientation: 'vertical'
    });

    $("#TDButtons a").click(function () {
        var href = $(this).attr("href");
        $('#menuAjax').fadeOut('slow', LoadAjaxContent(href));
        return false;
    });

    function LoadAjaxContent(href) {

        $.ajax(
            {
                url: href,
                success: function (data) {
                    $("#menuAjax").html(data).fadeIn('slow');
                }
            });

    }
});

這是導航標簽

   <nav id="menuAjax">
        <ul id="menu">
            <li><a href="#">Breaking News</a>
                <ul>
                  ...

這是用於啟動AJAX的按鈕的HTML

   <div class="navDiv">
        <div id="TDButtons">
            <a href="@Url.Action("_menu", "Home", new { TakeoutDelivery = "TakeOut" }, null)">
                <img class="headerLogo" src="../../Content/Images/TakeoutButton.jpg" alt="Take Out" /></a>
            <a href="@Url.Action("_menu", "Home", new { TakeoutDelivery = "Delivery" }, null)">
                <img class="headerLogo" src="../../Content/Images/DeliveryButton.jpg" alt="Delivery" /></a>
        </div>

如果您還有其他需要，請告訴我。

Answer 1

把它放在頁面上。

function pageLoad(sender, args) {
 $('#OutsideDiv').trigger('create');
}

這將在頁面加載時重新附加css。 我認為的問題是它只是一個部分帖子，因此你正在丟失樣式表。 在進行部分回發呼叫時，我在jquery-mobile中的移動網站遇到了類似的問題。 這固定了它的部分回發.....

注意：渲染的延遲非常小......不確定這對你來說是否有問題....

希望能幫助到你

干杯羅賓

Answer 2

我需要補充一下

$("#menu").wijmenu({
    orientation: 'vertical'
});

進入LoadAjaxContent函數。

function LoadAjaxContent(href) {
    $.ajax({
        url: href,
        success: function(data) {
            $("#menuAjax").html(data).fadeIn('slow');
            $("#menu").wijmenu({
                orientation: 'vertical'
            });
        }
    });
}​