1

私は MVC4 asp.net アプリケーションを持っています。メイン ページのメイン レイアウトとネストされたページの 2 番目のレイアウトの 2 つのレイアウトがあります。私が抱えている問題は、2 番目のレイアウトにあります。このレイアウトでは、ナビゲーション リンクを持つ部分ビューを呼び出します。IE では、ナビゲーション メニューが正常に表示され、各項目をクリックすると期待どおりに移動します。ただし、FF では、ページがレンダリングされるときにナビゲーション バーが表示されますが、単にテキストであるかのように「クリック機能」はありません。

ネストされたページの私のレイアウト:

<header>
            <img src="../../Images/fronttop.png" id="nestedPageheader" alt="Background Img"/>
            <div class="content-wrapper">

                <section >
                    <nav>
                    <div id="navcontainer">
                    </div>
                    </nav>
                 </section>
            <div>
         </header>

レイアウト ページの動的リンクの部分ビューと情報を取得するスクリプト。

<script type="text/javascript">
var menuLoaded = false;
$(document).ready(function () {
    if($('#navcontainer')[0].innerHTML.trim() == "")
    {
        $.ajax({
                url: "@Url.Content("~/Home/MenuLayout")",
                type: "GET",
                success: function (response, status, xhr)
                            {
                                var nvContainer = $('#navcontainer');
                                nvContainer.html(response);
                                menuLoaded = true;
                            },
                error: function (XMLHttpRequest, textStatus, errorThrown)
                        {
                                var nvContainer = $('#navcontainer');
                            nvContainer.html(errorThrown);
                        }
                });
   }
});
</script>

部分的なビュー:

 @model Mscl.OpCost.Web.Models.stuffmodel

<div class="menu">
    <ul>
        <li><a>@Html.ActionLink("Home", "Index", "Home")</a></li>
        <li><a>@Html.ActionLink("some stuff", "stuffs", "stuff")</a></li>
        <li> <h5><a><span>somestuff</span></a></h5>

                    <ul>
                        <li><a>stuffs1s</a>
                        <ul>
                            @foreach (var image in Model.stuffs.Where(g => g.Grouping == 1))
                            {
                                <li>

                                <a>@Html.ActionLink(image.Title, "stuffs", "stuff", new { Id = image.CategoryId }, null)</a>
                                </li>
                            }

                        </ul>
                        </li>
                   </ul>
        </il>
        </ul>
        </div>

これが IE で正常に動作する理由と、FF (すべてのバージョン) で動作しない理由を知る必要があります。任意の支援をいただければ幸いです。

4

1 に答える 1

1

この行を置き換えます

<a>@Html.ActionLink(image.Title, "stuffs", "stuff", new { Id = image.CategoryId }, null)</a>

と

@Html.ActionLink(image.Title, "stuffs", "stuff", new { Id = image.CategoryId }, null)

As@Html.ActionLinkはアンカー自体を生成します。

于 2012-09-15T09:36:03.833 に答える