Question

我正在使用像这样的菜单项点击事件调用视图

  <div class="menuDiv">
      <ul class="menuUnorderedList">
        <li class="menuListItem"><a id ="menuItem1" href="loadSearchPage()" @*onclick="loadSearchPage()"*@>Search</a></li>
        <li class="menuListItem"><a  id="menuItem2" href="#" onclick="loadTransactionHistoryPage(this.Id)">Transaction History</a></li>
     </ul>
   </div>

   <div class="rightPart">
            @RenderBody()
        </div>

和相应的jquery函数一样

 function loadSearchPage() {

            $.post("/SearchDisplay/" + action, function (data) {

                alert('1');
                $("#rightPart").html(data);
                loadPage('menuItem1');
            });

        }

我的目标是，如果我点击menuitem我需要调用javascript函数，它将调用相应的视图，这个调用需要一个完整的帖子回来（整个页面刷新）.........

为此目的我做了如上所述。

但我无法点击javascript功能（即），当我点击menuItem1时，我无法在该javascript函数内显示警告......

这种方法是正确的方法还是有比使用javascript调用视图更好的方法..

任何人都可以帮忙...

非常感谢....

Answer 1

尝试这样的事情

        <div id="menucontainer">

            <ul id="menu">              
                <li>@Html.ActionLink("Home", "Index", "Home")</li>
                <li>@Html.ActionLink("About", "About", "Home")</li>
            </ul>

        </div>

Answer 2

我建议您使用li标签的“onclick”事件而不是A标签

喜欢： -

<div class="menuDiv">
  <ul class="menuUnorderedList">
    <li class="menuListItem" onclick="loadSearchPage()" ><a id ="menuItem1" href="loadSearchPage()"  >Search</a></li>
    <li class="menuListItem" onclick="loadTransactionHistoryPage(this.Id)><a  id="menuItem2" href="#" ">Transaction History</a></li>
 </ul>

Answer 3

试试这个，

function loadSearchPage() {
        window.location.href = '@Url.Action("SearchDisplay", "Controller")';
    }

使用javascript点击菜单项调用视图

3 个答案: