1

ユーザーがボタンをクリックするたびにメニューの内容を変更しようとしています。CSSは最初は正常に読み込まれますが、ボタンを押してajax呼び出しを開始すると、メニューバーが戻りますが、CSSは適用されません。すべてのコードはMVC4の部分ビューにあります。

ボタンを押す前に

ボタンを押した後

これが私の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タグです

   <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>

他にご不明な点がございましたら、お気軽にお問い合わせください。

4

2 に答える 2

3

これをページに置いてください。

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

これにより、ページの読み込み時にcssが再接続されます。私が推測する問題は、それが部分的な投稿にすぎず、したがってスタイルシートを失っているということです。部分的なポストバック呼び出しを行うときに、jquery-mobileのモバイルサイトで非常によく似た問題が発生しました。これにより、部分的なポストバックが修正されました。

注：レンダリングにはごくわずかな遅延があります...これが問題になるかどうかはわかりません...。

それが役に立てば幸い

乾杯ロビン

于 2012-10-17T04:05:19.143 に答える
0

追加する必要がありました

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

LoadAjaxContent関数に追加します。

function LoadAjaxContent(href) {
    $.ajax({
        url: href,
        success: function(data) {
            $("#menuAjax").html(data).fadeIn('slow');
            $("#menu").wijmenu({
                orientation: 'vertical'
            });
        }
    });
}​
于 2012-10-17T04:36:01.360 に答える